Показывать текст внутри ввода как "Имя пользователя", так и "Пароль", пока пользователь не начнет вводить текст

Я работаю с PHP, чтобы отобразить мою регистрационную форму. Прямо сейчас в форме отображается "Имя пользователя", но текст не исчезает, когда пользователь начинает вводить текст. Как я могу удалить текст, когда пользователь начнет вводить текст так, чтобы текст "Имя пользователя" не перекрывал все, что они печатали?

Вот мой код "Username"

<p>
 
 autocomplete="on" required/>
 <label for="user"><!--?php p($l--->t('Username')); ?></label>
 
</p>

Вот мой код "Пароль"

<p>
  />
 <label for="password"><!--?php p($l--->t('Password')); ?></label>
 
</p>

Я хотел бы получить то же самое для формы пароля.

3 ответа

или

если он уже имеет какое-то значение, вы также можете удалить его onClick или выбрать его и автоматически заменять, когда вы начинаете вводить текст


Вы ищете html-заполнители.

http://www.w3schools.com/tags/att_input_placeholder.asp

<form action="demo_form.asp">
 
 
 
</form>


Использовать заполнитель для последних браузеров

Для старых браузеров вы можете использовать jquery, который вы можете сделать так. с этого сайта Заполнитель с JQuery

$('[placeholder]').parents('form').submit(function() {
 $(this).find('[placeholder]').each(function() {
 var input = $(this);
 if (input.val() == input.attr('placeholder')) {
 input.val('');
 }
 })
});

licensed under cc by-sa 3.0 with attribution.