Заполнитель - еще один атрибут, добавленный в HTML5. Когда ввод или Textarea устанавливает этот атрибут, содержимое этого значения будет отображаться в текстовом поле в качестве приглашения серого слова. Когда текстовое поле приобретает фокус, быстрый текст исчезает. В прошлом этот эффект был достигнут с использованием JavaScript для его управления. Firefox, Google Chrome и т. Д. Выразили его поддержку, но IE не поддерживает его.
HTML5 сделал много улучшений в веб -форме, таких как новый тип типа, проверка формы и т. Д.
Заполнитель - еще один атрибут, добавленный в HTML5. Когда ввод или Textarea устанавливает этот атрибут, содержимое этого значения будет отображаться в текстовом поле в качестве приглашения серого слова. Когда текстовое поле приобретает фокус, быстрый текст исчезает. В прошлом я использовал JavaScript, чтобы контролировать этот эффект для его достижения. Firefox, Google Chrome и т. Д.
Например: <input id = t1 type = Text Placeholder = Пожалуйста, введите текст/
Это представляет супер мощный плагин атрибута, который поддерживает заполнителя в соответствии с IE, а также совместим с другими браузерами, которые не поддерживают Placeholder. Код заключается в следующем:
$ (document) .ready (function () {var doc = document, inputs = doc.getelementsbytagname ('input'), proceplaceholder = 'warkholder'in doc.createElement (' input '), waceholder = function (input) {var text = input.getattribute (' waceholder '), defaultvalue = input.defaultvalue; ifaultve-'); input.value = text} input.onfocus = function () {if (input.value === Text) {this.value = '' '}}; i = 0, len = inputs.length; i <len; i ++) {var input = inputs [i], text = input.getattribute ('Placeholder');Просто скопируйте код и сохраните его в ссылке на файл JS, без каких -либо обработки, он очень удобен!
Пример: Это действительно может сделать входной дисплей IE атрибутом заполнителя, но это нормально, если на странице есть только один ввод. Если есть несколько входов, если вход не заполняет какое -либо значение, то его пустой вход автоматически заполнит значение заполнителя в значение, что приведет к ошибке. Например:
<input type = text waceholder = входной продукт name name = goodscode id = goodscode = 123 /> <input type = text waceholder = входной продукт name = goodsname id = goodsname value = name входной продукт />
Решение состоит в том, чтобы судить это самостоятельно на заднем плане. Может быть, это может быть решено в приведенном выше файле JS и исследовать его позже ~!