Чат PHP-разработчиков
Значение поля по умолчанию в HTML

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

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

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

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

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

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

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

Присоединяйтесь к нам в ВКонтакте и в Facebook, чтобы не пропустить новые уроки. А также вступайте в наш чат PHP-разработчиков в Telegram.
Домашнее задание
  • добавьте ещё два любых поля в Вашу форму
  • добавьте значения по умолчанию для полей, в которых это может быть удобно
Онлайн обучение PHP
Путь с полного нуля до джуниора!
Начать бесплатно
Читайте также
Курс программирования на PHP
Подготовка до уровня устройства на работу!
Начать бесплатно
Комментарии (10)


Vlad

Вот тут я что-то застопорился... Никак не получается добавить ещё два любых поля в форму... ((((

ivashkevich
    <input id="fieldText1" type="text" name="text1" value="JavaScript">
    <input id="fieldText2" type="text" name="text2" value="JavaScript">
    <input id="fieldText3" type="text" name="text3" value="JavaScript">

В чём сложность?

Nikita1994

Можете объяснить, зачем нужен атрибут id и его содержание "fieldText1"?

input id="fieldText1"

SBTesla
Bocha

Честно говоря, понятнее не стало. Если не затруднит - объясните, пожалуйста, доступным и простым языком, своими словами. Спасибо!

Luganskiy

Мне тоже ничего не понятно. Домашнюю не сделал - напишите кто-то пример.

Timon

Подскажите пожалуйста, а что делать, если хочется перейти не на поисковик, а к примеру на сайт словаря?
Например, хочу узнать значение слова "camp":
Надо перейти на "https://dictionary.cambridge.org/dictionary/english/camp".

Если использовать такой код:

<form action="https://dictionary.cambridge.org/dictionary/english/">
    <input type="text" name="text">
    <input type="submit" value="Найти слово в Cambridge Dictionary">
</form>

То он добавляет лишнее: "?text=camp".
А как просто дополнить исходную ссылку словом "camp"?
Если слишком долго объяснять, то можете просто скинуть ссылку, где почитать про это.
P.S. В гугле уже искал, но решения выдавались сложные, с подключнием скриптов и введением переменных. Возможно есть более простое решение?

ivashkevich

Здравствуйте, только со скриптами, увы.

ilya
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <form action="https://www.google.com" method="get">
        <input type="text"name="text"value="Погода">
        <input type="submit"value="Найти в гугле">
    </form>
    <form action="https://www.google.com"method="get">
        <input type="text"name="text"value="Полезные советы">
        <input type="submit"value="Поиск в google">
    </form>
</body>
</html>
ivashkevich

lang=en а страница на русском.

Самый понятный курс PHP
Онлайн-уроки в удобное время!
Начать бесплатно
Популярное за сутки
Онлайн-курсы PHP и MySQL
Обучение с полного нуля до уровня джуниора!
Начать бесплатно
Сейчас читают
Онлайн-курсы PHP и MySQL
Обучение с полного нуля до уровня джуниора!
Начать бесплатно
Новые статьи
Логические задачи с собеседований