Создание HTML формы входа на сайт

Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и web мастеров ZametkiNaPolyah.ru. Что же, я продолжаю свой Видео блог и его раздел Как создаются шаблоны сайтов HTML и CSS. В данном видео мы создадим HTML форму входа на сайт. Хочу обратить ваше внимание на то, что в этом видео для создания формы входа на сайт использовался редактор Sublime Text 2, вместо редактора Notepad++, который использовался мной в предыдущих скринкастах. Кроме того, я использовал специальный плагин Emmet, который является аналогом плагина Zen Coding. Поэтому у меня есть несколько просьб: отписаться если плохо видно то, что происходит на экране, поскольку я использовал темную цветовую схему редактора Sublime Text 2, не задавать вопросов, которые связаны с использование данного редактора для верстки HTML макетов (по работе с редактором Sublime Text 2 я постараюсь написать отдельную статью и снять пару видео).

Форма входа на сайт

Форма входа на сайт


При создании формы входа на сайт (формы регистрации на сайте) я забыл рассказать про атрибуты тэга form: method и action, исправляю это упущение здесь. Это основные атрибуты данного тэга. Сначала разберемся с HTML атрибутом method. Атрибут method принимает два параметра: GET и POST. Соответственно,  –  это два метода отправки формы, заполненной на сайте.  Разница между ними есть. Для пользователя главное: если форма с сайта отправляется методом GET, то все данные заполненные в форме будут показаны в адресной строке браузера, разделителем между данными служит амперсанд. Если метод не указан, то по умолчанию используется метод GET, как в данном видео, к сожалению, после создания формы входа я ее не проверил, но вы это сможете сделать. Если данные из формы отправляются методом POST, то в адресной строке браузера вы ничего не увидите. Поэтому, логично предположить, что для формы входа на сайт или формы регистрации на сайте лучше всего пользоваться методом POST:

//

//
Метод GET стоит использовать только для загрузки страниц на сайте, для всего остального следует использовать метод POST. Теперь об атрибуте action тэга form. Данный атрибут используется для указания скрипта, который будет каким-либо образом обрабатывать данные из формы, если атрибуту action не будет передан никакой параметр, то по умолчанию будет использоваться тот скрипт, в котором находится сама форма. Но для нас сейчас это не имеет значение, поскольку мы создаем HTML макет, и данные из нашей формы входа никуда не отсылаются.

На этом всё, спасибо за внимание, надеюсь, что был хоть чем-то полезен и до скорых встреч. Не забываем комментировать и делиться с друзьями;)

Текст комментария: