Тег input
Создание полей формы для заполнения.
<input type="text" name="username">
Стили по умолчанию
Стили которые браузер применяет к элементу по-умолчанию. В списке ниже приведены стили, которые влияют на внешний вид элемента и изменяются при помощи CSS.
input {
color: initial;
display: inline-block;
text-align: start;
background-color: white;
cursor: text;
font: 400 13.3333px Arial;
padding: 1px 0px;
border-width: 2px;
border-style: inset;
border-color: initial;
}Атрибуты
type=""
Задает тип поля.
text - текстовое поле
password - поле для ввода пароля
email - поле для ввода email адреса
tel - поле для ввода номера телефона
file - создает кнопку загрузки файла
hidden - скрытое поле
checkbox - флаг (чекбокс)
radio - переключатель
number - поле для ввода цифр
url - поле для ввода URL адреса
range - поле для выбора значений от и до
date - поле для выбора даты
time - поле для выбора времени
datetime - поле для выбора даты и времени
search - поле для поиска
submit - кнопка для отправки формы
button - обычная кнопка
reset - кнопка для сброса значений формы
name=""
Уникальное имя поля. Используется для получения значений на сервере.
value=""
Значение внутри поля
placeholder
Текст внутри поля, который определяет что это за поле. Текст виден только если поле пустое.
required
Указывает что поле обязательно для заполнения. Браузерная проверка.
disabled
Поле недоступно для заполнения.
autofocus
Устанавливает фокус в данное поле по умолчанию при загрузке страницы.
readonly
Поле только для чтения. Ввод запрещен.
checked
tabindex=""
Указывает последовательность перехода по полям формы при нажатии на кнопку tab. Указывается целое положительное либо отрицательное число.
min=""
Минимальное значение поля. Используется для полей с типом date, range, number
max=""
Максимальное значение поля. Используется для полей с типом date, range, number
maxlength=""
Максимально допустимое количество символов вводимых в поле.
Читайте также
Обсуждение (2)
Войдите или зарегистрируйтесь для того чтобы оставлять комментарии
-
Дмитрий Валакспасибо!