Ввод текста

<input>

Элемент <input> используется для создания компонентов формы нескольких типов. Значение атрибута type указывает этот тип.

type="text"

Когда атрибуту type присваивается значение text, это значит, что будет создано однострочное поле ввода текста.

name

При введении пользователем данных в веб-форму сервер должен знать, какие сведения относятся к какому элементу формы (например, при обработке формы авторизации на сайте сервер должен знать, что было введено в качестве имени пользователя, а что - в качестве пароля).

Поэтому для каждого элемента формы следует указывать атрибут name.

Значение этого атрибута служит для идентификации элемента формы и отправляется на сервер вместе с введенными данными.

Код

<form action="https://www.primer.ru/login.php">
    <p>Имя пользователя:
        <input type="text" name="username" 
        size="15" maxlength="30" />
    </p>
</form>

Результат

maxlength

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

Например при запросе года вы можете ограничить количество символов, установив значение атрибута maxlength равным 4.

size

При создании новых форм не следует указывать атрибут size.

Он использовался ранее для установки ширины поля ввода текста (в качестве единицы измерения выступало количество видимых символов).

Так, например, значение 3 создавало поле ввода текста, ширина которого была достаточной для отображения трех введенных символов (хотя пользователи при желании могли ввести и большее количество).

Для управления шириной элементов новых форм рекомендуется использовать средства каскадных таблиц стилей (CSS).

Я упомянул атрибут size только потому, что вы можете встретиться с ним при просмотре исходного кода старых сайтов.

Предыдущая страницаСледующая страница