Форма HTML используется для получения различных типов пользовательских вводов.
2. Рабочий механизм формы 3. Определение формы (<form> </form> теги)Форма HTML - это область, содержащая элемент блока. Формы могут включать входные элементы, такие как текстовые поля, флажки, однополевые ящики, кнопки отправки и так далее. Формы также могут содержать меню, текстовые элементы, полевые элементы, легенда и этикетку. Обратите внимание, что элемент <form> представляет собой элемент блока -череды, который будет создавать скидку до и после.
<Form action = login.do method = post> <!-Элементы формы здесь-> </form>4. Атрибут формы
Действие: см., Где данные формы отправляются при подаче формы. Действие: Во -первых, URL (абсолютный URL/относительный URL), как правило, указывает на программу на сервере, программа получает данные (то есть значение элемента единицы таблицы), представленные формой для соответствующей обработки. Например, <form action = http://www.xxx.com/login.do>, когда пользователь подает эту форму, сервер выполнит общий веб -сайт http://www.xxx.com/ Общая программа процессов. Во -вторых, используйте URL -адрес протокола Mailto, чтобы отправить контент формы в форме электронной почты. Эта ситуация встречается редко, потому что она требует, чтобы посетитель установил и правильно установил программу отправки почты на компьютере. В -третьих, пустое значение, если действие пустое или не написано, это означает, что на текущую страницу представлена.
Метод: этот атрибут определяет, как браузер передает данные в форме в программу обработки сервера. Что касается значения метода, наиболее часто используемым является Get and Post. Во -первых, отправьте данные с режимом GET , объем данных, передаваемых GET, как правило, ограничен ниже 1 кб. Во -вторых, используя метод POST, браузер отправит данные формы как часть тела HTTP -запроса на сервер. Вообще говоря, данные, передаваемые методом POST, больше, чем количество данных, передаваемых методом GET; Следует использовать метод получения (например, запрос). В -третьих, другие методы (голова, положить, удалить, трассировать или опции и т. Д.). Фактически, начальный стандарт HTTP указывал соответствующий метод для различных операций, но многие из них не наблюдались позже.
Цель: где этот атрибут указывает результат URL -адреса, возвращаемого URL -адресом, указанным в атрибуте действия. Значения - _blank (открыть в новом окне), _ sel (open в той же структуре, значение по умолчанию), _parent (open в родительском кадре), _ top (open во всем окне) и FrameName (в указанном Рамочная рамка открыта в Китае).
Название: Установите текст, отображаемый небольшим буем, когда мышь посетителей сайта помещается на любую позицию в форме.
Enctype: он указывает, как кодировать данные формы перед отправкой на сервер. Значение: Значение по умолчанию-это приложение/X-WWW-Form-Urlencode -Дата: нет кода символа. При использовании формы, содержащей элемент управления загрузкой файла, это значение должно использоваться.
Имя: имя формы. Обратите внимание, что разница между атрибутом ID: Имя - это имя, используемое во время связи с сервером; Полем
2. Элемент блок таблицы 1. Одно текстовое поле <input type = text/> (значение по умолчанию свойства типа ввода - текст)<input type = text name = name/>
Ниже приведен основной атрибут одно -линии текстового поля:
<input type = password name = name/>3. Один кнопка <input type = radio/>
Как использовать: Используйте одну кнопку. Элементарное значение радионогиции явно устанавливается атрибутом значения.
<input type = radio name = гендерное значение = male/> <input type = radio name = гендерное значение = женское/>4. Проверка поле <input type = fackbox/>
Используйте группу кнопок проверки, то есть один и тот же набор кнопок проверки с тем же именем, значение элемента элемента настольного блока кнопки «Проверка» явно устанавливается атрибутом значения. и имя упаковано и отправлено в значение复选框的 Проверено 属性表示是否被选中 ， <input type = флажок. Проверка /> 或者 <input type = флажок checked = fected /> (推荐) Проверено 、 Readonly 等这种一个可选值的属性都可以省略属性值Сущность
<input type = checkbox name = value = value = java/> <input type = fackbox name = laguange value = c/> <input type = checkbox name = laguangage va lue = c#/>5. Скрытый домен <input type = hidden/>
Скрытый домен обычно используется для отправки информации на сервер, который не нужно отображать пользователю.
<input type = hidden name = hidden domain/>6. Загрузка файла <input type = file/>
С помощью файла Enctype Form должен быть установлен в Multipart/Form-Data, а атрибут метода-Post.
<Имя ввода = uploadedFile id = uploadedFile type = file size = 60 Accept = text/*/>7. Потягивающий ящик <SELECT> тег
<SELECT> Метка Создайте поле Списки, <опция> метка для создания элемента списка, <SELECT> Использует вложенный <опция> для совместного предоставления набора параметров в наборе параметров.
Установите опцию для выбора: <опция выбранная> Пекин </option> или <опция SECITE = SELECTD> BEIGING </OPTION> (Метод рекомендации) может быть установлен в качестве элемента выбора. Как добиться отсутствия выбора, добавьте <vitor value = -1> -not selected- <опция>, а затем программируя выбранное значение, выбранное выбранным IF-1, считается не выбранным.
Опция SELECT GROUP может использовать OPTGROUP, чтобы группировать данные.
<SELECT> Марка и несколько атрибутов могут быть разрешены на выбор (нажмите клавишу CTRL)
<select name = sured size = 10> <optgroup label = africa> <option value = gam> gambia </option> <vitue value = madagascar </option> <опция> e = nam> namibia </option> </optgroup > <optGroup label = europe> <vitor value = fra> france </option> <vitue value = ussia </option> <value = value = uk> uk> uk </option> tgroup> <optgroup label = North America> < Опция value = can> Canada </option> <vitue value = mex> Мексика </option> <vorive value = usa> USA </option> </oplct>8. Multi -Line Text <textarea> </textarea>
Multi -lic Text <textarea> Создать текстовое поле, которое может вводить много -лайн текст, <textarea> без атрибутов значения, <Textarea> Text </textarea>, Cols = 50, Rows = 15 Атрибуты указывают на количество рядов и столбцов , не указано, что браузер берет дисплей по умолчанию.
<textarea name = textareAcontent Rows = 20 Color = 50> Начальное отображение содержимого много -лайн -текстового поля </textarea>9. <BABEL> </label> Метка
Вы можете написать обычные тексты для изменения до <input type = text>, но когда вы нажимаете текст модификатора, вход не получит фокус, но вы можете использовать метку. U (понять). AccessKey = U, еще один атрибут метки. Примечание. Чтобы установить уникальный идентификатор для модифицированного элемента управления. Я думаю, что две этикетки <Babel> </label> очень полезны для <input type = radio/> и <input type = fackbox/>.
<input type = radio name = sex id = male value = 0 checked = fected /> <label для = male> male < /law> <input type = radio name = fmale value = 1 /> <метка для = fmale> Женщина </Label> <input type = radio name = sex id = secret value = 2/> <label для = секрет> конфиденциально </label>10. <Fieldset> </fieldset> метка
Тэг Fieldset делит контроль в области и выглядит более регулярно.
<Fieldset> <Legend> Hobbies </Legend> <input type = fackbox value = basketball/> <input type = value = value = antulation rouging/<input type = value = value = reading/> </f ildset>11. кнопка отправки <input type = poord/>
Когда пользователь нажимает на программу обработки сервера, указанную в соответствии с <inputt Type = Opport/>, данные формы будут отправлены в программу обработки сервера, указанную атрибутом Action Attribute of <Form> label. Текст кнопки по умолчанию под китайской т. Е. - это текст отображения кнопки «Свойства значения».
<input type = отправить значение = отправить/>12. Кнопка сброса <input type = сбросить/>
Когда пользователь нажимает кнопку <input type = сбросить/>, значение в форме сбросится до начального значения. Когда пользователь подает форму, имя и значение кнопки сброса не будут отправлены на сервер.
<input type = сбросить значение = кнопка сброса/>13. Обычная кнопка <входной тип = кнопка/>
Обычные кнопки обычно используются для нажатия, чтобы выполнить код сценария.
<input type = значение кнопки = обычная кнопка/>14. Кнопка изображения <вход введите = image/>
Атрибут SRC кнопки изображения указывает исходный файл изображения, который не имеет атрибута значения. Кнопка «Изображение» может заменить <input type = poord/>, и теперь она также может напрямую установить внешний вид кнопки <input type = pospent/> на изображение.
<input type = image src = bg.jpg />В -третьих, формируйте примеры
Этот пример представляет собой простую страницу регистрации, реализованную с использованием формы для использования макета формы.
<! > Таблица {ширина: 450px; } </style> </head> <body style = background: block; Post> <table align = center cell -spacing = 0 cellpadding = 0> <Td> имя пользователя: </td> <input type = text/</tr> </tr> <tr> <td> пароль: </td> < td> <input type = password/> </td> </tr> <tr>/</td> </tr> <l> <td> Пожалуйста, выберите рынок: </td> <d> <selcement> <optgroup label = china> <ploic> Gansu Province </option> <опция> провинция Henan Henan Province </option> <ploict> shanghai </option> </optgroup> <optgroup label = american> <plois> Калифорния </ Вариант> <purint> chicago </option> <ploic> News on> </optgroup> </select> </td> </tr> <td> выберите пол: </td> <td> <input type = Радио -название = sex id = male value = 0 checked = checked/>> <метка для = мужчина> мужчина </lable> <input type = radio name = sex id = 1/> <метка для = fmale> женская </метка > <input type = radio name = sex id = secret va lue = 2/> <label для = секрет> конфиденциальность </label> </td> </tr> <td>, пожалуйста, выберите занятие: </td> <input type = radio id = name ученика = Profession /> <метка для = Student> Student < /label> <input type = radio id = имя учителя = Profession /> <label для = учитель> учитель> <input type = radio id = Другое имя = Profession/> <метка для = другие> другие </label> </td> </tr> <td>, пожалуйста, выберите Hobbies: </td> <fieldset> <Легенда> Ваши хобби </Легенда> <Ввод type = checkbox name = hobby id = basketboll checkd = checked /> <label для = basketboll> Играть в баскетбол < /label> <input type = checkbox name = hobb y id = run /> <label для = run> run < /label > <input type = checkbox name = hobby id = read /> <label для = read> read < /label> <input type = checkbox name = hobby id = surfing /> <label для = sur fing> access < /label < /label > </fieldset> </td> </tr> <l> <td> Замечания: </td> <textarea color = 30> Это содержимое замечания </textarea> </td> </tr> tr> <td> & nbsp; html>