Пример
Простая форма HTML с двумя полями ввода и кнопкой Отправить:<form action="http://xhtml.co.il/tryit/html/html_form_submit_736.php"> Имя: <input type="text" name="fname" value="Маленькая" /> Фамилия: <input type="text" name="lname" value="Мышка" /> <input type="submit" value="Отправить" /> </form>
Определение и использование
Атрибут type определяет тип элемента ввода.
Поддержка браузеров
атрибут
type поддерживается во всех ведущих браузерахСинтаксис
<input type="value" />
Значения атрибута
| Значение | Описание |
|---|---|
| button | Определяет нажимаемую кнопку (обычно используется вместе с JavaScript для активации скрипта) |
| checkbox | Определяет флажок |
| file | Определяет поле ввода и кнопку "Пролистать...", для загрузки файла |
| hidden | Определяет скрытое поле ввода |
| image | Определяет изображение как кнопку отправки |
| password | Определяет поле пароля. Символы в этом поле замаскированы |
| radio | Определяет радио кнопку |
| reset | Определяет кнопку сброса. Кнопка сброса очищает все данные из формы |
| submit | Определяет кнопку отправки. Кнопка отправки отправляет данные формы на сервер |
| text | Определяет однолинейное поле ввода в которое пользователь может внести текст. Ширина по умолчанию 20 символов |
Больше примеров
Пример 1
Text
<input type="text" /> определяет поле ввода одной линии, в которое пользователь может вносить текст.
Имя <input type="text" name="fullname" />
Пример 2
Button
<input type="button" /> определяет нажимаемую кнопку, которая ничего не делает.
Тип button обычно используется для активации JavaScript, когда пользователь нажимает на кнопку.
<input type="button" value="Нажми меня" onclick="msg()" />
Пример 3
Checkbox
<input type="checkbox" /> определяет флажок. Флажки позволяют пользователю выбрать одну или более опций из ограниченного числа.
<input type="checkbox" name="vehicle[]" value="Велосипед" /> У меня есть велосипед<br /> <input type="checkbox" name="vehicle[]" value="Машина" checked="checked" /> У меня есть машина
Пример 4
File
<input type="file" /> испоьзуется для загрузки файлов.
<input type="file" />
Пример 5
Hidden
<input type="hidden" /> определяет скрытое поле.
Скрытое поле неводимо для пользователя.
Скрытые поля обычно содержат значения по умолчанию, или имеют значение изменяемое с помощью JavaScript.
<input type="hidden" name="country" value="Norway" />
Пример 6
Image
<input type="image" /> определяет изображение как кнопку отправить.
Атрибуты src и alt обязательны с <input type="image">.
<input type="image" src="/images/submit.gif" alt="Submit" width="48" height="48" />
Пример 7
Password
<input type="password" /> определяет поле пароля.
Символы в поле пароля замаскированны (показаны как звездочки или кружки).
<input type="password" name="pwd" />
Пример 8
Radio
<input type="radio" /> определяет радио кнопку.
Радио кнопки позволяют пользователю сделать только один выбор из ограниченого числа опций.
<input type="radio" name="sex" value="male" /> Мужчина<br /> <input type="radio" name="sex" value="female" /> Женщина
Пример 9
Кнопка Reset
<input type="reset" /> определяет кнопку сброса, она ичищает все данные в форме.
Совет: Используйте кнопку очистки осторожно! Это может раздражать пользователей, которые случайно активировали кнопку сброса.
<input type="reset" />
Пример 10
Submit
<input type="submit" /> определяет кнопку отправки.
Кнопка отправки используется для передачи данных на сервер.
Данные посылаются на страницу указанную в атрибуте формы action.
<form action="http://xhtml.co.il/tryit/html/html_form_submit_736.php"> Имя: <input type="text" name="fname" value="Маленькая" /><br /> Фамилия: <input type="text" name="lname" value="Мышка" /><br /> <input type="submit" value="Отправить" /> </form>
Была ли эта информация полезной?
