HTML5 Свойства формы

Свойства HTML5 Новая форма

тег в HTML5 <форма> и <ввод> добавляет несколько новых свойств.

<form> новые атрибуты:

• автозаполнения
• NOVALIDATE

<Input> Новые свойства:

• автозаполнения
• автофокусировка
• форма
• formaction
• formenctype
• formmethod
• formnovalidate
• formtarget
• высота и ширина
• список
• мин и макс
• множественный
• шаблон (регулярное выражение)
• заполнитель
• требуется
• шаг

<Форма> / <вход> атрибут автозаполнения

автозаполнения атрибут определяет форму или поле ввода должно иметь автозаполнения.

Когда пользователи начинают печатать в поле автозаполнения, браузер должен отображать параметры для заполнения в этой области.

атрибутавтозаполнения возможно элемент формы включен, а во входной элемент выключен: Совет.

Примечание: автозаполнения применяется <форма> тег, и следующие типы <ввод> тег: текст, поиск, URL, телефон , адрес электронной почты, пароль, datepickers, диапазон и цвет.

примеров

HTML форма в открытом автозаполнения (отключение поля ввода автозаполнения):

<Форма действие = "демо-form.php" автозаполнения = "на"> Первое имя : <вход тип = "текст" Name = "имя_файла"> <br> Фамилия: <ввод тип = "текст" Name = "LName"> <br> Электронная почта: <ввод тип = "электронная почта" Name = "электронная почта" автозаполнения = "выключено"> <br> <Input тип = "отправить"> </ Форма>

Попробуйте »

Совет: Некоторые браузеры, возможно , потребуется включить функцию автозаполнения, для того , чтобы забрать имущество.

<Форма> NOVALIDATE недвижимость

Логическое свойство NOVALIDATE свойство.

NOVALIDATE атрибут определяет при отправке формы не должны подтверждении правильности формы ввода или домен.

примеров

Без проверки представления данных формы

<Форма действие = "демо-form.php" NOVALIDATE> Электронная почта: <вход тип = "электронная почта" Name = "USER_EMAIL"> <Input тип = "отправить"> </ Форма>

Попробуйте »

<Input> атрибут автофокусировка

Атрибут автофокусировка является логический атрибут.

Атрибут автофокус определяет при загрузке страницы, домен автоматически получать фокус.

примеров

Пусть "Имя" поле ввода введите автоматическую фокусировку на странице загрузки:

First name:<input type="text" name="fname" autofocus>

Попробуйте »

<Input> форма собственности

атрибут определяет поле формы ввода относится к одной или нескольким формам.

Совет: Для того, чтобы цитировать более одной формы, используйте список разделенных пробелами.

примеров

Расположенный в форме форме за пределами поля ввода относится к HTML-форме (форма по-прежнему форма ввода образует часть):

<form action="demo-form.php" id="form1">
First name: <input type="text" name="fname"><br>
<input type="submit" value="提交">
</form>

Last name: <input type="text" name="lname" form="form1">

Попробуйте »

<Input> formaction недвижимость

Свойство formaction используется для описания URL представления формы.

Formaction атрибуты переопределение <form> элемент в атрибуте действия.

Примечание: Атрибут formactionтип = "отправить" и тип = "образ".

примеров

HtmlForm следующую форму содержит кнопку два разных адреса:

<form action="demo-form.php">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="提交"><br>
<input type="submit" formaction="demo-admin.php"
value="提交">
</form>

Попробуйте »

<Input> свойство formenctype

formenctype атрибут описывает форма передается кодирования данных сервера (только для метода формы вида = "пост" форма)

formenctype Переопределение свойств ENCTYPE атрибутов элементов формы.

Main: Этот тип атрибута = "отправить" и введите = "образ" , используемый в сочетании.

примеров

Кнопка первого представить, чтобы отправить данные формы кодируется по умолчанию, вторая кнопка отправки на "многочастному / форм-данных" формат кодирования для передачи данных формы:

<form action="demo-post_enctype.php" method="post">
First name: <input type="text" name="fname"><br>
<input type="submit" value="提交">
<input type="submit" formenctype="multipart/form-data"
value="以 Multipart/form-data 提交">
</form>

Попробуйте »

<Input> formmethod недвижимость

formmethod атрибут определяет представление путь формы.

formmethod свойство покрытия <form> атрибут метода элемента.

Примечание: Этот атрибут может использоваться с типом = "отправить" и введите = "образ" , используемый в сочетании.

примеров

Пересмотрите представление формы в качестве примера:

<form action="demo-form.php" method="get">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="提交">
<input type="submit" formmethod="post" formaction="demo-post.php"
value="使用 POST 提交">
</form>

Попробуйте »

<Input> formnovalidate недвижимость

NOVALIDATE свойство является Логическое свойство.

NOVALIDATE атрибут описывает элементы <Input> не должны быть проверены, когда форма была отправлена.

formnovalidate атрибуты переопределить NOVALIDATE атрибут <form> элемент.

Примечание: formnovalidate тип атрибута = "отправить для использования с

примеров

Две кнопки отправки формы (не применимо с проверкой):

<form action="demo-form.php">
E-mail: <input type="email" name="userid"><br>
<input type="submit" value="提交"><br>
<input type="submit" formnovalidate value="不验证提交">
</form>

Попробуйте »

<Input> formtarget недвижимость

formtarget атрибут указывает имя или ключевое слово, чтобы указать полученные данные изображения после того, как форма будет отправлена.

В formtarget Переопределение свойств <form> целевой атрибут элемента.

Примечание: formtarget тип атрибута = "отправить" и введите = "образ" , используемый в сочетании.

примеров

Две кнопки отправить отображаются в разных окнах формы:

<form action="demo-form.php">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="正常提交">
<input type="submit" formtarget="_blank"
value="提交到一个新的页面上">
</form>

Попробуйте »

<Input> высота и ширина атрибуты

высота и ширина атрибуты, заданные для типа изображения из <ввода> высоты и ширины тега изображения.

Примечание: высота и ширина свойства применимы только к типу изображения <ввод> тега.

Совет: Изображение будет обычно определяют высоту и ширину атрибутов.Если изображение установить высоту и ширину пространства, необходимого для изображения при загрузке страницы будут сохранены. Без этих атрибутов, браузер не знает размер изображения, и не может выделить соответствующее место. Фотографии в процессе загрузки будет эффект изменения страницы макета (хотя загрузило изображение).

примеров

Определяет изображение кнопки отправки, использовать высоту и ширину атрибуты:

<input type="image" src="img_submit.gif" alt="Submit" width="48" height="48">

Попробуйте »

<Input> Свойства списков

DataList атрибут определяет список полей ввода. DataList список опций для полей ввода.

примеров

Предопределены в <DataList> в <ввод> значение:

<input list="browsers">

<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>

Попробуйте »

<Input> минимальные и максимальные атрибуты

мин, не более, и шаг атрибуты используются в качестве входных типов, содержащих номера или даты Limited (ограничения).

Примечание: мин, макс, и шаг атрибуты применяются к следующим типам <ввода> тег: выбора даты, числа и дальности полета.

примеров

<Input> элементы минимальных и максимальных значений:

Enter a date before 1980-01-01:
<input type="date" name="bday" max="1979-12-31">

Enter a date after 2000-01-01:
<input type="date" name="bday" min="2000-01-02">

Quantity (between 1 and 5):
<input type="number" name="quantity" min="1" max="5">

Попробуйте »

<Input> несколько свойств

множественный атрибут является логический атрибут.

несколько атрибут определяет <вход> элемент для выбора нескольких значений.

Примечание: множественные свойства применимы к следующим типам <ввод> тег: адрес электронной почты и файлов:

примеров

Загрузка нескольких файлов:

Select images: <input type="file" name="img" multiple>

Попробуйте »

<Input> свойство модели

Атрибут шаблон описывает регулярное выражение, используемое для проверки значения элементов <INPUT>.

Примечание: атрибут шаблонприменяется к следующим типам <INPUT> тега: текст, поиск, URL, тел , адрес электронной почты, и пароль.

Совет: Он используется для глобального заголовка атрибута описывает режим.

Совет: Вы можете в нашем JavaScript учебник , чтобы узнать о содержании регулярного выражения

примеров

Следующий пример показывает три буквы содержат только текстовое поле (без цифры или специальные символы):

Country code: <input type="text" name="country_code" pattern="[A-Za-z]{3}" title="Three letter country code">

Попробуйте »

<Input> атрибут заполнитель

Атрибут заполнитель содержит намек (подсказка), описать ожидаемое значение поля ввода.

Краткое напоминание будет отображаться на поле ввода до значения пользовательского ввода.

Примечание: атрибут заполнительотносится к следующим типам <INPUT> тега: текст, поиск, URL, телефон , адрес электронной почты и пароль.

примеров

поле ввода Текст подсказки т:

<input type="text" name="fname" placeholder="First name">

Попробуйте »

<Input> Обязательный атрибут

Обязательный атрибут является логический атрибут.

Обязательный атрибут указывает, что поле ввода должно быть заполнено (не пустой) перед отправкой.

Примечание: необходимые атрибуты для следующих типов <ввода> тег: текст, поиск, URL, телефон , адрес электронной почты, пароль, дата, номер сборщиков, флажок, радио и файл.

примеров

не пустые поля ввода Может:

Username: <input type="text" name="usrname" required>

Попробуйте »

<Input> Атрибуты шага

шаг атрибут для поля ввода указывает интервалы номер юридического.

Если шаг = "3", юридические цифры могут быть -3,0,3,6, и т.д.

Совет: Атрибут шагможет создать региональное значение макс и атрибуты мин.

Примечание: число, диапазон, дата, DateTime: шаг типы , используемые в сочетании со следующим типом атрибута , DATETIME-местный, месяц, время и неделю.

примеров

Предустановленное этап ввода Шаг 3:

<input type="number" name="points" step="3">

Попробуйте »

HTML5 <ввод> Тег