Как отобразить текст заполнителя в числовом вводе HTML5

Question

Есть ли способ показать текст заполнителя внутри входного тега типа = число?

Подробно В: Свойство заполнитель тега ввода HTML используется для отображения описания входного тега впользовательский интерфейс, когда элемент не сфокусирован - описательный текст становится пустым, когда то же поле получает фокус.Проблема в том, что текст не виден, если тип ввода сделан из type = "number".У меня есть ограничения по пространству в моем пользовательском интерфейсе, и я не могу позволить себе метку перед входным тегом.

Есть предложения?

Answer 1

Заполнители не предназначены в качестве меток для ввода. Заполнитель должен содержать примеры правильного ввода. Таким образом, в случае ввода числа единственным допустимым значением для заполнителя является число.

Но если вы хотите неправильно использовать заполнитель для экономии места, вы можете просто использовать небольшую JS, чтобы решить вашу проблему.

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

PS Похоже, у Chrome Nightly нет проблем с сочетанием числа и заполнителя.