атрибуты ввода типа HTML
примеров
HTML форма с двумя различными типами ввода, текст и представить:
用户名: <input type="text" name="usrname"><br>
<input type="submit" value="提交">
Попробуйте »
(См внизу этой страницы для большего количества примеров)
Поддержка браузеров
Все основные браузеры поддерживают атрибут типа. Тем не менее, не все основные браузеры поддерживают все различные типы входов могут работать во всех основных браузерах.
Ниже для каждого типа входного сигнала поддержки браузера.
Определение и использование
<Input> Атрибут типа определяет тип элемента, который вы хотите отобразить.
По умолчанию используется тип: текст.
Примечание: Этот атрибут не является обязательным, но мы думаем , что вы всегда должны использовать его.
Различия между HTML 4.01 и HTML5
Следующие типы входов являются новыми типа HTML5: цвет, дата, даты и времени, даты и времени-местный, месяц, неделя, время, адрес электронной почты, номер, диапазон, поиск, тел и URL.
грамматика
Значение свойства
值 | 描述 |
---|---|
button | 定义可点击的按钮(通常与 JavaScript 一起使用来启动脚本)。 |
checkbox | 定义复选框。 |
color New | 定义拾色器。 |
date New | 定义 date 控件(包括年、月、日,不包括时间)。 |
datetime New | 定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,基于 UTC 时区)。 |
datetime-local New | 定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,不带时区)。 |
email New | 定义用于 e-mail 地址的字段。 |
file | 定义文件选择字段和 "浏览..." 按钮,供文件上传。 |
hidden | 定义隐藏输入字段。 |
image | 定义图像作为提交按钮。 |
month New | 定义 month 和 year 控件(不带时区)。 |
number New | 定义用于输入数字的字段。 |
password | 定义密码字段(字段中的字符会被遮蔽)。 |
radio | 定义单选按钮。 |
range New | 定义用于精确值不重要的输入数字的控件(比如 slider 控件)。 |
reset | 定义重置按钮(重置所有的表单值为默认值)。 |
search New | 定义用于输入搜索字符串的文本字段。 |
submit | 定义提交按钮。 |
tel New | 定义用于输入电话号码的字段。 |
text | 默认。定义一个单行的文本字段(默认宽度为 20 个字符)。 |
time New | 定义用于输入时间的控件(不带时区)。 |
url New | 定义用于输入 URL 的字段。 |
week New | 定义 week 和 year 控件(不带时区)。 |
примеров
Тип входа: Кнопка
примеров
Определение интерактивными кнопками, когда пользователь нажимает на кнопку, чтобы начать период JavaScript:
Попробуйте »
Тип входа: флажок
примеров
Box позволяет пользователю выбрать один или несколько вариантов в ряде вариантов:
<input type="checkbox" name="vehicle[]" value="Car"> 我有一辆小轿车<br>
<input type="checkbox" name="vehicle[]" value="Boat"> 我有一艘船<br>
Попробуйте »
Тип входа: Цвет
Тип входа: Дата
Тип входа: Дата и время
примеров
Определение даты и времени контроля (с часовым поясом):
Попробуйте »
Тип входа: DateTime-местный
примеров
Определение даты и времени контроля (без часового пояса):
Попробуйте »
Тип входа: электронная почта
примеров
Определения полей для электронной почты (когда форма передается автоматически к значению поля электронной почты для проверки):
Попробуйте »
Совет: iPhone Safari браузер распознает тип ввода электронной почты, а затем изменить клавиатуры на сенсорном экране , чтобы адаптироваться к нему (добавить @ и .com опции).
Тип ввода: файл
примеров
Чтобы определить поле выбора файла и кнопку "Обзор ...", для загрузки файла:
Попробуйте »
Тип входа: скрытый
примеров
Определение скрытых полей, скрытые поля не видны пользователю. Скрытые поля часто хранят значение по умолчанию, или изменить их значения с помощью JavaScript:
Попробуйте »
Тип входа: Изображение
примеров
Пользовательские изображения в качестве кнопки отправки:
Попробуйте »
Тип входа: месяц
примеров
Определить месяц и год управление (без часового пояса):
Попробуйте »
Тип входа: Номер
примеров
Введите номер, чтобы определить поля для (вы можете установить допустимый предел числа):
Попробуйте »
Пожалуйста, используйте следующие атрибуты для указания ограничений:
- MAX - максимально допустимое правилами.
- мин - минимально допустимый правилами.
- STEP - требования к правовой цифрового интервала.
- Значение по - умолчанию , указанный.
Тип входа: пароль
примеров
Определить поля пароля (поля паролей замаскированные символов):
Попробуйте »
Тип входа: радио
примеров
Это позволяет пользователю выбрать опцию в ряде вариантов:
<input type="radio" name="gender" value="女"> 女
Попробуйте »
Тип входа: Диапазон
примеров
Он определяет точное значение не имеет значения цифровой вход управления (например, управления ползунком). Можно также установить лимиты приемлемых номера:
Попробуйте »
Пожалуйста, используйте следующие атрибуты для указания ограничений:
- MAX - максимально допустимое правилами.
- мин - минимально допустимый правилами.
- STEP - требования к правовой цифрового интервала.
- Значение по - умолчанию , указанный.
Тип входа: сброс
примеров
Определить кнопку сброса (сброс всех форма по умолчанию):
Попробуйте »
Совет: Будьте осторожны при использовании кнопки сброса!Для пользователей, случайно нажал на кнопку сброса является очень раздражающая вещь.
Тип входа: поиск
примеров
Определено поле поиска (например, поиск по сайту или поиск Google и т.д.):
Попробуйте »
Тип входа: отправить
Тип входа: тел
примеров
Задаваемые поля для ввода телефонных номеров:
Попробуйте »
Тип входа: текст
примеров
Пользователь может задать два, чтобы ввести одну строку текста в текстовом поле:
Last name: <input type="text" name="lname"><br>
Попробуйте »
Тип входа: Время
примеров
Введите время определения управления используется (без временной зоны):
Попробуйте »
Тип входа: URL
Совет: iPhone Safari браузер распознает тип ввода URL, а затем изменить сенсорной экранной клавиатуры , чтобы адаптироваться к нему (добавить опцию .com).
Тип входа: неделя
примеров
Определение недели и контроль года (без часового пояса):
Попробуйте »
HTML <вход> Тег