2016-11-28 8 views
0

入力検証のaltテキストを変更する方法:私は、入力フィールドと非常にシンプルなフォームと送信ボタンを持っている

<form action="#"> 
    <input type="number" min="1" /> <input type="submit" name="submit" /> 
</form> 

「0」入力フィールドにで入力してフォームを送信し、検証エラーメッセージが表示されます。私はまた、無効な入力フィールドの上にマウスを置くと、alt-textが同じ検証メッセージに設定されていることに気付きました。 altテキストを変更することは可能ですか?どのようにそれを行いますか?あなたはJavaScriptで参照することが容易にする要素にIDを追加することができます

+0

https://www.html5rocks.com/en/tutorials/forms/constraintvalidation/ –

答えて

1

<form action="#"> 
    <input id="num" type="number" min="1" /> <input type="submit" name="submit" /> 
</form> 

document.getElementById('num').alt = 'your text here' 
document.getElementById('num').title = 'your text here' 

また、(altテキストに加えて、タイトル(ポップアップテキスト)を設定すると便利かもしれませんイメージをロードできない場合はテキストが表示されます)。

+0

入力要素は画像ではありません。数字です。 altプロパティを設定しても、検証メッセージは変更されません –

+0

あなたの質問はaltテキストを変更する方法でした。ポップアップテキストを変更しようとしている場合は、title属性を変更する必要があります。 – raphael75

+1

ああ私はあなたの答えを誤解しました。 –

関連する問題