Значение поля по умолчанию в HTML

Как задать значение по умолчанию для поля в форме

Чтобы значение поля ввода было задано по умолчанию, следует применять атрибут value. Это положительно отражается на вопросе удобства.

Думаю, вы будете солидарны с тем, что, заполняя огромную анкету на каком-нибудь сайте, будет проще, если подсказки для данных появятся в соответствующих полях автоматически. Но чтобы это произошло, при создании страницы необходимо к полям добавить атрибут value, задав ему нужные данные.

Давайте обновим нашу форму, учитывая только что изученный нами материал:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Форма поиска в Яндексе</title>
</head>
<body>
<form action="https://yandex.ru/search/">
    <input id="fieldText" type="text" name="text" value="JavaScript">
    <input type="submit" value="Найти в Яндексе">
</form>
</body>
</html>

Посмотрим на результат в браузере:
Форма с полем по умолчанию

Как мы видим, теперь в форме имеется значение по умолчанию.

Присоединяйтесь к нам в Twitter, ВКонтакте, Facebook и Google+, а также вступайте в наш чат в Telegram, чтобы не пропустить новые уроки и быть в курсе последних новостей из мира веб-разработки.
Домашнее задание

  • добавьте ещё два любых поля в Вашу форму
  • добавьте значения по умолчанию для полей, в которых это может быть удобно