2013-07-08 5 views
2

Я хочу иметь поле ввода с подсказкой внутри поля, чтобы сохранить пространство презентации.Вход HTML HTML с запросом

Возможно ли иметь поле ввода пароля для кросс-браузера в форме, в которой есть текстовое приглашение, такое как Пароль: *, когда вы начинаете вводить его, либо маскирует пароль, либо является истинным полем пароля.

Если вы публикуете форму, запишите отклик, который немедленно хранится в виде пароля, поэтому не текст и в качестве значения не будет отправлено приглашение, но если вы уберете его, появится подсказка Password: * re.

+0

Возможный дубликат [Показ текста заполнителя для поля пароля в IE] (http://stackoverflow.com/questions/6052544/showing-placeholder-text-for-password-field-in-ie) –

+0

В этом [SO -Post] (http://stackoverflow.com/questions/6052544/showing-placeholder-text-for-password-field-in-ie) есть много ответов и один пример jsfiddle, который может помочь [здесь] (http:// /jsfiddle.net/mNchn/) из ответа Кей. –

+0

Просто используйте '' (вместе с полисполком для IE, если вам это нужно) – Bergi

ответ

1

Похоже, вы ищете водяной знак для поля ввода. Если вы используете jQuery, вы можете использовать watermark plugin. Этот конкретный плагин работает с вводом с паролем.

Или вы также можете использовать держатель HTML 5, как показано here on stackoverflow.

+0

Спасибо, что привело меня к http://mathiasbynens.be/demo/placeholder, который, кажется, работает во всех браузерах, которые я пробовал :-) – iggyweb

3

HTML5 имеет атрибут placeholder, который вы можете применить к input элементу, как это:

<input type="password" placeholder="Enter your password here..." /> 

Если вам необходимо поддерживать placeholder-like возможность в предварительно HTML5 браузеров, а затем проверить Cross-Browser Support For HTML5 Placeholder Text In Forms

+0

+1 хороший ответ. (кстати, у вас есть опечатка HTML6) –

+0

Спасибо, но ответ должен быть истинным кросс-браузерным решением, а не только HTML5. – iggyweb

Смежные вопросы