Блог о веб-разработке - Страница 8

У нас вы найдёте интересные материалы для веб-разработчиков и системных администраторов, а также сможете пройти бесплатные онлайн-курсы веб-разработки.

Используем скрытое поле в форме

20.03.2017   4195   0
Используем скрытое поле в форме

Это поле является невидимым, но его пользу переоценить сложно. Его так и называют – скрытое поле. Используют его в тех ситуациях, когда необходимо, помимо введенной пользователем информации, переслать еще и какие-то служебные данные, которые ему указывать не требуется.

Читать далее

Форма для загрузки файлов

19.03.2017   4271   0
Форма для загрузки файлов

Всем привет! В этом уроке речь мы создадим форму для загрузки файлов. Выглядеть поле для загрузки файлов может по-разному: сравните поле для загрузки фотографий во "ВКонтакте" и поле для прикрепления документов на "Госуслугах". Да, выглядят по разному, но работают на самом деле одинаково. Итак, поехали.

Для того, чтобы создать форму, позволяющую осуществить загрузку файлов, необходимо использовать тег <input> с типом file. При этом обязательно следует задать такой атрибут, как имя.

Читать далее

Делаем раскрывающийся список в HTML

19.03.2017   4312   2
Делаем раскрывающийся список в HTML

Привет! В этом уроке поговорим про довольно часто используемый на формах элемент - селект. Раскрывающий список, по сути, выполняет ту же функцию, какую делает переключатель. А именно, он дает возможность указать на один из вариантов ответа среди всех присутствующих.

Читать далее

Поле-переключатель в форме HTML

18.03.2017   4152   2
Поле-переключатель в форме HTML

Тег <input> с типом radio представляет собой поле-переключатель.

Читать далее

Поле-галочка в HTML

17.03.2017   4836   4
Поле-галочка в HTML

Галочка в форме HTML, или "чекбокс" задается тегом <input>, у которого указан тип checkbox.

Читать далее

Многострочное поле ввода: тег textarea

17.03.2017   4059   2
Многострочное поле ввода: тег textarea

Если вы внимательно читали предыдущие уроки, то теперь умеете создавать самые простые формы, в которых присутствуют поля для ввода текста и кнопки. Теперь же мы перейдем к изучению более сложных компонентов форм.

Читать далее

Создаём форму авторизации на HTML

16.03.2017   4427   2
Создаём форму авторизации на HTML

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

Читать далее

Как правильно сделать подписи к полям ввода

15.03.2017   3836   6
Как правильно сделать подписи к полям ввода

С одной стороны, может показаться, что подпись к полю делать легче легкого. Что если написать код, который приведен ниже, то это даст нужный результат.

<form action="/login/">
    Логин <input type="text" name="login">
    Email <input type="text" name="email">
    <input type="submit" value="Войти">
</form>

Однако, не все так просто, как может показаться на первый взгляд. И, в действительности, результат будет несколько иным. Да, текст будет присутствовать. И будет он рядом с полем. Однако логической связи между полем и текстом наблюдаться не будет.

Читать далее

Как задать значение по умолчанию для поля в форме

14.03.2017   3398   4
Как задать значение по умолчанию для поля в форме

Чтобы значение поля ввода было задано по умолчанию, следует применять атрибут value. Это положительно отражается на вопросе удобства.

Читать далее

Учимся создавать формы в HTML

13.03.2017   3234   2
Учимся создавать формы в HTML

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

Читать далее