форма HTML
Формы HTML используются для сбора различных типов пользовательского ввода.
Онлайн примеры
Создать текстовое поле (поле Текст)
Этот пример демонстрирует, как создать текстовое поле на странице HTML. Пользователь может написать текст в текстовом поле.
Создать поле пароля
Этот пример демонстрирует, как создать поле HTML пароль.
(В нижней части этой страницы вы можете найти еще примеры.)
форма HTML
Форма представляет собой область, которая содержит элементы формы.
Форма элемент, чтобы позволить пользователю вводить содержимое в виде, например: текстовые поля (текстовое поле), выпадающие списки, радио-кнопки (радио-кнопки), флажки (флажки) и так далее.
Форма использует теги формы <form> набор:
.
input 元素
.
</form>
Формы HTML - Входные элементы
В большинстве случаев используются форма тег является входным тег (<вход>).
Тип входа является атрибутом определения (типа) типа. Наиболее часто используемых типов входных сигналов следующим образом:
Текстовое поле (Text Fields)
Через текстовое поле <входной тип = "текст"> тег, чтобы установить, когда пользователь вводить буквы, цифры и другие материалы в форме, будет использоваться в текстовом поле.
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
</form>
Браузер будет выглядеть следующим образом:
Примечание: форма сама по себе не видно.Кроме того, в большинстве браузеров, ширина по умолчанию текстового поля составляет 20 символов.
поле для ввода пароля
Пароль поля по тегу <INPUT TYPE = "пароль">, чтобы определить:
Password: <input type="password" name="pwd">
</form>
Браузер отображает следующие эффекты:
Примечание: Символы поле пароля не отображаются в текстовом формате, но со звездочкой или точками вместо.
Кнопка радио (Radio Buttons)
<Тип входного = "радио"> тег определяет одна таблица параметров коробки
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form>
Браузер отображает следующие эффекты:
Флажки (Флажки)
<Тип входного = "флажок"> определяет флажок. Пользователям необходимо выбрать один или несколько вариантов из нескольких заданных выборов.
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car
</form>
Браузер отображает следующие эффекты:
кнопка (кнопка Добавить) Добавить
<Тип входного = "Отправить"> определяет кнопку отправки.
Когда пользователь нажимает кнопку OK, содержимое формы будут переданы в другой файл. Атрибут Form действие определяет имя файла файла назначения. Определяется атрибутом действия файла обычно получал бы входные данные, связанные с лечением. :
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form>
Браузер отображает следующие эффекты:
Если ввести несколько букв в приведенном выше текстовое поле, а затем нажмите кнопку ОК, а затем входные данные передаются на странице "html_form_action.php". На этой странице отображаются результаты введенных.
Другие примеры
Кнопка Radio (Радио кнопки)
Этот пример демонстрирует, как создать радио-кнопки в HTML.
Флажки (Флажки)
Этот пример демонстрирует, как создать флажок в HTML-страницы. Пользователь может выбрать или снимите флажок.
Простой выпадающий список
Этот пример демонстрирует, как создать простой выпадающего списка поле в HTML-страницы. Выпадающее окно списка является необязательным списком.
выпадающий Предварительный выбор список
Этот пример демонстрирует, как создать простой выпадающий список с заранее выбранное значение.
Текстовые поля (TEXTAREA)
Этот пример демонстрирует, как создать текстовое поле (многострочный текст управления вводом). Пользователь может написать текст в текстовом поле. Writable характер слов не ограничивается.
кнопку Создать
Этот пример демонстрирует, как создать кнопку. Вы можете текст на кнопке может быть изменен.
Форма экземпляра
Форма с границей
Этот пример демонстрирует, как нарисовать прямоугольник вокруг данных с заголовком.
Поле ввода и подтвердите форму с кнопками
Этот пример демонстрирует, как добавить форму страницы. Эта форма содержит два поля ввода и кнопку подтверждения.
Форма с флажками
Эта форма содержит две галочки и кнопку подтверждения.
Форма с кнопками радио
Эта форма содержит две коробки и кнопку подтверждения.
Отправить по электронной почте из формы
Этот пример демонстрирует, как отправить по электронной почте из формы.
теги HTML формы
Новое: HTML5 новый лейбл
标签 | 描述 |
---|---|
<form> | 定义供用户输入的表单 |
<input> | 定义输入域 |
<textarea> | 定义文本域 (一个多行的输入控件) |
<label> | 定义了 <input> 元素的标签,一般为输入标题 |
<fieldset> | 定义了一组相关的表单元素,并使用外框包含起来 |
<legend> | 定义了 <fieldset> 元素的标题 |
<select> | 定义了下拉选项列表 |
<optgroup> | 定义选项组 |
<option> | 定义下拉列表中的选项 |
<button> | 定义一个点击按钮 |
<datalist> New | 指定一个预先定义的输入控件选项列表 |
<keygen> New | 定义了表单的密钥对生成器字段 |
<output> New | 定义一个计算结果 |