Приветствую Вас Гость | Регистрация | Вход

Текстовые поля форм в HTML, ввод пароля. Теги input и label

Онлайн урок «Текстовые поля форм в HTML» посвящен вопросу о том, как создаются поля для ввода текста или пароля на сайте. Для начала, сделаем простое текстовое поле, которое может быть использовано для ввода имени, адреса электронной почты, либо другой короткой текстовой информации. Создать его можно при помощи тега input. Стоит отметить, что данный тег также используется при создании многих других элементов формы. Чтобы из тега input получилось именно поле для ввода текста, необходимо указать для него атрибут type со значением text. Кроме этого можно сразу указать атрибут name, для идентификации поля в дальнейшем. Перед полем можно написать текст, который будет указывать на то, для какой информации предназначено данное поле. Например, текст - Введите своё имя. Поместив этот текст и поле между открывающим и закрывающим тегами label, мы добьемся того, что при щелчке мышкой по тексту, у нас автоматически активируется поле для ввода текста и курсор переместится в него. Сделайте это и проверьте работоспособность данного механизма, открыв HTML страницу в браузере. Для указания ширины поля в символах используется атрибут size, а для ограничения количества вводимых символов - maxlength. Поле для ввода паролей отличается только атрибутом type, значение которого нужно задать - password. В этом случае все вводимые символы в поле будут скрыты, отображаясь в виде маркеров, т.е. не читаемы Видео урок «Текстовые поля форм в HTML, ввод пароля. Теги input и label» вы можете смотреть онлайн абсолютно бесплатно. Успехов!




Если у Вас есть качественные видео уроки, которых нет на нашем сайте, то Вы можете добавить их в нашу коллекцию. Для этого Вам необходимо загрузить их на видеохостинг (например, YouTube) и добавить код видео в форму добавления уроков. Возможность добавлять свои материалы доступна только для зарегистрированных пользователей.