Поле ввода формы регистрации html содержит описание

0

Я хотел бы сделать регистрационную форму, содержащую текст в форме, и только когда вы начнете вводить текст, он исчезнет из формы. Единственное решение, которое я нашел, это использовать css, когда текст описания исчезает, как только вы нажимаете на поле.

  • 2
    использовать атрибут- placeholder .
  • 0
    Вы имеете в виду заполнители? Дело в том, что не все браузеры поддерживают их, поэтому вы можете создать аналог с помощью javascript.
Теги:

2 ответа

0

Атрибут placeholder может использоваться на входах, но некоторые браузеры обрабатывают его функциональность по-разному, например, в то время как Chrome и Firefox сохраняют текст заполнителя видимым до тех пор, пока пользователь не наткнет символ, Internet Explorer закроет его, как только введенный вход будет в фокусе.

Поддержка браузера атрибута placeholder довольно широка, хотя, если унаследованная поддержка браузера вызывает беспокойство, я бы предложил простое решение JavaScript, такое как это.

  • 0
    Facebook имеет похожую форму на своей странице входа, как они могли бы оптимизировать ее для всех браузеров?
0

Используйте атрибут placeholder. Заполнитель исчезает, когда пользователь начинает печатать.

Вот пример использования:

<form action="demo_form.asp">
  <input type="text" name="fname" placeholder="First name"><br>
  <input type="text" name="lname" placeholder="Last name"><br>
  <input type="submit" value="Submit">

JSFiddle

Имейте в виду, что атрибут placeholder входного тега не поддерживается в Internet Explorer 9 и более ранних версиях.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню