2011-09-13 15 views
6

type = numberの入力タグ内にプレースホルダテキストを表示する方法はありますか?HTML5の数値入力でプレースホルダのテキストを表示する方法

詳細Q: HTMLの入力タグのプロパティ 'プレースホルダー'は、要素がフォーカスされていないときにUIの入力タグについての説明を表示するために使用されます。問題は、入力タイプがtype = "number"である場合、テキストが表示されないことです。私はUIにスペースの制限があり、入力タグの前にラベルを付けることができません。

提案がありますか?

+0

[spec](http://www.w3.org/TR/html5/common-input-element-attributes.html#the-placeholder-attribute)から:*プレースホルダ属性は短いヒントを表します単語または短いフレーズ)を含むことができる。ヒントは、サンプル値または予想される形式の簡単な説明です。*これは、 '

+0

プレースホルダテキストがIEブラウザで動作しないようです – jzm

答えて

26

プレースホルダは入力用のラベルとして使用することはできません。プレースホルダには有効な入力の例が含まれている必要があります。したがって、数値入力の場合、プレースホルダの唯一の有効な値は数字です。

ただし、プレースホルダを誤って使用して部屋を保存したい場合は、小さなJSを使用して問題を解決できます。

<input placeholder="Amount" onfocus="this.type='number';"> 

PS Chromeナイトリーは数字とプレースホルダを組み合わせても問題ありません。

関連する問題