Студопедия

Главная страница Случайная страница

Разделы сайта

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






HTML формы






HTML формы» – девятый урок учебника HTML. В этом уроке мы поговорим о создании и использовании HTML форм.

Использование HTML форм очень важно для осуществления взаимодействия между пользователем и сайтом. Формы позволяют пользователям произвести выбор, отправить информацию или загрузить файлы на сайт. Так же использование форм очень важно при программировании на PHP или JavaScript.

Создание HTML форм.

Для создания форм используется особый html контейнер < form> < /form>. Тег < form> имеет ряд атрибутов, из которых наибольшее значение имеют action и method. При помощи этих атрибутов задается способ отправки данных серверу.

< form action=" html_form_action.php" method=get>

Атрибут action указывает адрес расположения файла, который будет обрабатывать данные формы.

Атрибут method может принимать следующие значения: GET и POST. При использовании метода GET данные формы передаются непосредственно в адресной строке (там, где вы вводите адрес сайта) в качестве параметров.

Метод POST устанавливает соединение с сервером и только потом передает данные по протоколу, что является намного надежнее и используется при передаче конфиденциальной информации.

Основные элементы форм.

Подавляющее большинство элементов форм создается посредством использования элемента < input>, имеющего обязательные атрибуты:

 

· name – задает имя элементу формы, которое потребуется для последующей обработки

· type – определяет тип элемента формы

Текстовые поля.

type = text – задает поле для ввода текстовой информации. Длинну поля можно задать при помощи атрибута size (влияет только на видимую длинну поля).

 

< form> Имя: < br> < input type=" text" name=" firstname" > < br> Фамилия: < br> < input type=" text" name=" lastname" value=" Сидоров" > < /form> Имя: Фамилия:

 

Для задания значения по умолчанию используется атрибут value.

Поле пароля.

type = password – создает поле для ввода пароля. Принцип создания аналогичен созданию текстового поля. Единственное различие между ними в том, что при вводе в поле с паролем, введенная информация заменяется символами (вид символа зависит от браузера, но чаще всего это закрашенный круг).

 

< form> Логин: < br> < input type=" text" name=" firstname" > < br> Пароль: < br> < input type=" password" name=" pass" > < /form> Логин: Пароль:





© 2023 :: MyLektsii.ru :: Мои Лекции
Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
Копирование текстов разрешено только с указанием индексируемой ссылки на источник.