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