атрибуты тега form HTML - httpdoc.ru

Атрибут ввода формы

Элемент HTML Form Attribute используется для создания интерактивных элементов управления для веб-форм, чтобы принимать данные от пользователя. Эти атрибуты можно использовать для следующих элементов, например:

Атрибут ценности

value Атрибут задает начальное значение для поля ввода.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> HTML Form Value Attribute </title>
</head>
<body>

<form action="#">
  First name:
  <input type="text" name="firstname" value="John">

  Last name:
  <input type="text" name="lastname">
</form>

</body>
</html>

Выход

HTML Form Value Attribute Examples
Имя: Фамилия:

Атрибут только для чтения

В readonly атрибут указывает , что в поле ввода только для чтения , что означает , что значение поля ввода не могут быть изменены.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> HTML Form Readonly Attribute </title>
</head>
<body>

<form action="#">
  First name:
   <input type="text" name="firstname" value ="John" readonly>

  Last name:
   <input type="text" name="lastname">
</form>

</body>
</html>

Выход

HTML Form Readonly Attribute Examples
Имя: Фамилия:

Атрибут Disabled

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

Пример
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> HTML Form Disabled Attribute </title>
</head>
<body>

<form action="#">
  First name:
   <input type="text" name="firstname" value ="John" disabled>

  Last name:
   <input type="text" name="lastname">
</form>

</body>
</html>

Выход

HTML Form Disabled Attribute Examples
Имя: Фамилия:

Атрибут размера

size Атрибут определяет размер для поля ввода в характере.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> HTML Form Size Attribute </title>
</head>
<body>

<form action="#">
  First name:
   <input type="text" name="firstname" value="John" size="30">

  Last name:
   <input type="text" name="lastname">
</form>

</body>
</html>

Выход

HTML Form Size Attribute Examples
Имя: Фамилия:

Атрибут maxlength

maxlength Атрибут указывает длину максимально допустимую для поля ввода.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> HTML Form maxlength Attribute </title>
</head>
<body>

<form action="#">
  First name:
   <input type="text" name="firstname" maxlength="10">

  Last name:
   <input type="text" name="lastname">
</form>

</body>
</html>

Выход

HTML Form maxlength Attribute Examples
Имя: Фамилия:

Примечание . Атрибут maxlength не принимает больше разрешенного количества символов в поле ввода.

Атрибуты формы HTML 5

Вот список некоторых общих атрибутов в HTML 5.

Атрибут
Новый
Описание
автозаполнение Это дает форме функцию автозаполнения.
автофокус Это гарантирует, что поле ввода автоматически фокусируется при загрузке страницы.
форма Он определяет одну или несколько форм, к которым принадлежит элемент <input>.
форма действия Он указывает URL-адрес файла, в который данные формы будут переданы и обработаны после отправки.
formenctype Он определяет, как данные формы должны быть закодированы при отправке.
формаметод Он определяет метод HTTP для отправки данных формы на URL-адрес действия.
формовать Он указывает, что элемент <input> не должен проверяться.
formtarget Он указывает, где отображать ответ, полученный после отправки формы. Бывший. - _blank, _self, framename и т. д.
высота ширина Он определяет высоту и ширину элемента <input>.
список Это значение дает конкретный идентификатор элементу <datalist>, который содержит предопределенные параметры для элемента <input>.
мин и макс Он определяет минимальное и максимальное значения для элемента <input>.
несколько Это позволяет пользователю вводить более одного значения в элемент <input>.
шаблон (регулярное выражение) Он определяет регулярное выражение для значения элемента <input>.
заполнитель Он дает подсказку о значении, которое нужно ввести в элемент <input>.
требуется Он указывает, что перед отправкой формы необходимо заполнить поле ввода.
шаг Он определяет допустимые интервалы номеров для элемента <input>.