Тег input

Создание полей формы для заполнения.

<input type="text" name="username"></input>
Chrome
Все
Edge
Все
FireFox
Все
IE
6+
iOS Safari
Все
Opera
Все
Safari
Все

Стили по умолчанию

Стили которые браузер применяет к элементу по-умолчанию.

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
Используется для полей с типом checkbox и radio. Если указан данный атрибут, то поле будет отмечено.
tabindex=""

Указывает последовательность перехода по полям формы при нажатии на кнопку tab. Указывается целое положительное либо отрицательное число.

min=""

Минимальное значение поля. Используется для полей с типом date, range, number

max=""

Максимальное значение поля. Используется для полей с типом date, range, number

maxlength=""

Максимально допустимое количество символов вводимых в поле.

Читайте также

Обсуждение (0)

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии