Элемент формы <input>

=on
=off

=autofocus

=form_id

<form id="myForm" action=script.php">
Логин: <input type="text" name="userLogin" form="myForm">
Пароль: <input type="password" name="userPass" form="myForm">
<input type="submit" value="Войти" form="myForm">
</form>

=URL

<form action=script1.php">
. . .
<input type="submit" value="Отправить" formaction="script2.php">
</form>

=application /x-www-form-urlencoded

=multipart/form-data

=text/plain

application/x-www-form-urlencoded - все символы кодируются перед отправкой (значение по умолчанию).

multipart/form-data - символы не кодируются. Это значение применяется при отправке файлов.

<form action="script1.php">
<p>Ваше имя: <input name="user"></p>
<p>Файл отправки: <input name="file" type="file"></p>
<p><input type="submit" formaction="script2.php" formmethod="post" 
formenctype="multipart/form-data" value="Отправить">
</form>

<input type="submit" formmethod="get">
(http://example.ru/doc/?name=Иван&password=vanya)

=formnovalidate

=pixels

<input type="image" src="img_submit.gif" height="30" width="50">

="datalist_id"

=number
=date

<input type="number" id="number" name="amount" value="-3"
min="-5" max="5">

=number
=date

=multiple

При использовании двух и более почтовых адресов они должны перечисляться через запятую.

<form action="test.php">    
<p>Укажите почтовые адреса через запятую:</p>   
<p><input type="email" name="email" required multiple></p>
<p><input type="submit" value="Отправить"></p>
</form>

=regexp

Если присутствует атрибут pattern, то форма не будет отправляться, пока поле не будет заполнено правильно.

<input type="email" pattern="выражение">
<input type="tel" pattern="выражение">
<input type="text" pattern="выражение">
<input type="search" pattern="выражение">
<input type="url" pattern="выражение">

<form action="test.php" method="post">
  <p>Введите телефон в формате 8-xxx-xxx-xxxx</p>
  <p><input type="tel" pattern="8-[0-9]{3}-[0-9]{3}-[0-9]{4}"
    placeholder="8-xxx-xxx-xxxx" required></p>
  <p><input type="submit" value="Отправить">
  <input type="reset" value="Очистить">
  </p>
</form>

Проверка корректности ввода номера телефона

Проверка адреса электронной почты

=text

<input type="text" name="comment" size="40" value="Введенный текст не может изменяться" readonly>

=required

Если обязательное поле пустое, браузер выведет сообщение об ошибке, а форма отправлена не будет. Вид и содержание сообщения зависит от браузера и меняться пользователем не может.

<input name="user" required placeholder="Ваше имя">

<input type="text" name="comment" size="40">

<input type="image" src="URL-адрес картинки">

=number

Пиво Чай Кофе

Пиво Чай Кофе

Введите число от 0 до 10:

Поиск:

Укажите время:

Главная страница:

Укажите неделю:

На сервер отправляется пара «имя=значение», где имя задаётся атрибутом name элемента <input>, а значение - атрибутом value.

В зависимости от типа элемента атрибут value выступает в следующей роли:

• для кнопок (input type="button | reset | submit") устанавливает текстовую надпись на них;
• для текстовых полей (input type="password | text") указывает предварительно введённую строку. Пользователь может стирать текст и вводить свои символы, но при использовании в форме кнопки Reset пользовательский текст очищается и восстанавливается введённый в атрибуте value;
• для флажков и переключателей (input type="checkbox | radio") уникально определяет каждый элемент, с тем, чтобы клиентская или серверная программа могла однозначно установить, какой пункт выбрал пользователь.
• для файлового поля (input type="file") не указывается .

<form action="test.php">
  <p><b>Укажите дату полёта в космос Ю.А.Гагарина ?</b></p>
  <p><input type="radio" name="otvet" value="a1">10 апреля 1960 года<br>
  <input type="radio" name="otvet" value="a2">12 апреля 1961 года<br>
  <input type="radio" name="otvet" value="a3">15 апреля 1962 года</p>
  <p><input type="submit" value="Отправить">
  <input type="reset" value="Очистить"></p>
</form>

=pixels

<input type="image" src="img_submit.gif" width="50" height="30">