Табличная вёрстка HTML-страничек. Прототип сайта

23.03.2017 07:01

Всем привет, друзья! В этом уроке мы самостоятельно создадим простой сайт из нескольких HTML-страничек.

Читать далее


1 22 0

Frontend

#html #courses #lessons #learning #coding #layout #table #css

Скрытое поле

20.03.2017 05:49

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

Читать далее


1 61 0

Frontend

#html #courses #lessons #learning #coding #forms #form #hidden

Поле для загрузки файлов

19.03.2017 16:23

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

Читать далее


1 61 0

Frontend

#html #courses #lessons #learning #coding #forms #form #file

Раскрывающийся список или "select"

19.03.2017 11:54

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

Читать далее


1 80 0

Frontend

#html #courses #lessons #learning #coding #forms #form #select #multiselect

Переключатель или "радиобаттон"

18.03.2017 10:02

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

Читать далее


1 63 0

Frontend

#html #courses #lessons #learning #coding #forms #form #radio

Чекбокс или "галочка"

17.03.2017 21:06

Поле галочка задается тегом <input>, у которого указан тип checkbox.
Чекбоксы в действии

Читать далее


1 89 0

Frontend

#html #courses #lessons #learning #coding #forms #form #checkbox

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

17.03.2017 19:01

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

Читать далее


1 73 0

Frontend

#html #courses #lessons #learning #coding #forms #form #textarea

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

16.03.2017 19:50

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

Читать далее


1 151 0

Frontend

#html #courses #lessons #learning #coding #forms #form #submit #password

Подписи к полям ввода

15.03.2017 16:55

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

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

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

Читать далее


1 150 0

Frontend

#html #courses #lessons #learning #coding #forms #form #labels

Идентификаторы и значения по умолчанию

14.03.2017 17:48

Идентификатором поля ввода является атрибут id. Следует запомнить следующее правило. Идентификатор обязательно следует делать уникальным. При этом, он должен быть таковым не только в рамках формы, но и в пределах всей страницы.

Читать далее


1 105 0

Frontend

#html #courses #lessons #learning #coding #forms #form