<input type="text">

使用例

属性

placeholder

入力すべき値を例示できます。ただし入力された値には関与しないため、正確性を高めるにはpatternで内容を検査します。

<input type="text" placeholder="123" />
※HTML5がサポートされる環境でのみ動作します。

この属性がサポートされない環境には、スクリプトによって対応します。

参考

pattern

入力値をJavaScriptの正規表現で検査し、送信時に誤りを指摘できます。

<input type="text" pattern="[0-9]+" title="数値" />
※HTML5がサポートされる環境でのみ動作します。

参考

参考

クリア ボタン (Clear button)

Internet Explorer 10以降、コントロールにフォーカスがある状態で文字が入力されていると、テキストを消去するためのクリア ボタンが表示されるようになりました。


Internet Explorer 10による表示

クリア ボタンの非表示

このボタンのスタイルはCSSの-ms-clear擬似要素で指定できるため、display属性でnoneを指定すれば表示しないようにできます。How to hide the Clear button in Windows Internet Explorer 10

input[type="text"]::-ms-clear {
    display: none;
}

参考

参考

関連ページ

HTMLの情報サイトから、まとめて検索