Типы тэга <input>

К оглавлению

Вы уже знакомы с тэгом <input>, с помощью него мы делали кнопки. Данный тэг используется еще и для поля ввода, так называемых "Радио" кнопок, "Чекбоксов", поля выбора файла, и еще несколько других типов.
Сейчас мы разберемся, что они из себя представляют.

Поля для ввода

Основные типы полей для ввода тэга <input> это "text" и "password".

<HTML>
	<HEAD>
		<TITLE>Типы тэга <input></TITLE>
	</HEAD>
	<BODY>
		<input type="text">
		<input type="password">
	</BODY>
</HTML>

"Text" - ничего особого, просто поле для ввода. "Password" - скрывает вводимые данные.
Отображаться в браузере они будут так:

Чекбоксы, радио кнопки

Также тэг <input> может использоваться как различные кнопки. Сейчас Вы увидите, о чем я говорю.
Код:

<HTML>
	<HEAD>
		<TITLE>Типы тэга <input></TITLE>
	</HEAD>
	<BODY>
		<!--Для кнопки, мы указываем атрибут "value", чтобы она была с именем-->
		<input type="button" value="Кнопка">
		<input type="checkbox">
		<!--
			Для "Радио"-кнопок необходимо использовать атрибут "name",
			чтобы при выборе кнопки, другая отключалась
		-->
		<input type="radio" name="radio">
		<input type="radio" name="radio">
	</BODY>
</HTML>

Выглядеть они будут так:

А вот "Радио" - кнопки без атрибута "name":

Поле выбора файла

Тэг <input>, имеет тип "file", с помощью него пользователь выбирает файл, который в дальнейшем может быть загружен на сервер.
Код такого поля следующий:

<HTML>
	<HEAD>
		<TITLE>Типы тэга <input></TITLE>
	</HEAD>
	<BODY>
		<input type="file">
	</BODY>
</HTML>

Выглядит поле для загрузки файла так:

Почитать о дополнительных возможностях тэга <input>, вы можете на сайте htmlbook.ru. А также советую почитать информацию о типах тэга <input> введенных в HTML5.