Текстовое поле

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

Большинство полей создаётся элементом input. Как и у img, у него нет содержимого и закрывающего тега. Атрибут type говорит, какое это поле; для текстового поля его значение — text.

Второй атрибут нашего поля — name, имя поля. Всё, что пользователь вводит в поле, становится его значением. При отправке формы браузер отправляет каждое значение вместе с именем его поля, например nickname=Tim. Так сервер понимает, какое значение к чему относится, даже если в форме несколько текстовых полей.

<form action="/processing.html" method="POST">
	<input type="text" name="nickname">
</form>

Этот код показывает пустое поле, вот такое:

В коде можно написать и атрибут value. Тогда поле сразу будет заполнено этим значением, которое пользователь, конечно, может изменить:

<input type="text" name="nickname" value="Tim">

Этот код выглядит так:

В других местах вы можете встретить <input ... /> со слешем в конце. Как и <br />, это более старая запись того же самого.