W e b - м а с т е р у: 
  В с е   о   х о с т и н г е: 
  Р е к о м е н д у е м: 
  Р е к л а м а: 





  Р е к л а м а: 











  Главная > Уроки по HTML в примерах > HTML формы (часть II)

Google   
 


Профессиональный хостинг от REG.RU - от 99 рублей за месяц!!!
  • 10 Гб дискового пространства
  • Бесплатный трафик
  • До 30 размещенных сайтов на одном хостинге
  • Неограниченное количество почтовых ящиков и многое другое!

>> Смотреть подробнее






HTML Формы (часть II)

Элемент Input
Элемент "Input" создает поле формы (кнопку, поле ввода, чекбокс и т.п.), содержание которого может быть изменено или активизировано пользователем. Элемент не имеет конечного тэга. Элемент "Input" должен располагаться внутри элемента "Form".

Имеет атрибуты:
Атрибут: Name

Дает возможность выбора нескольких пунктов меню. Если этот атрибут не установить то можно выбрать только один пункт меню, что является значением по умолчанию. Не имеет значений и является флагом.
Атрибут: Type
Определяет тип поля для ввода данных. По умолчанию - это "text".

Возможные значения:
Значение: Text

Создает поле ввода под одну строку текста. Как правило используется совместно с параметрами "Size" и "Maxlength".

Записывается так:

<form action="Url сценария" method="get">
<input name="e-mail" type="text" size="20" maxlength="15" value="Введите E-mail">
</form>

Эффект:

Значение: File
Дает возможность пользователю приобщить файл к текущей форме. Возможно использование совместно с параметром "Accept".

Записывается так:

<form action="Url сценария" method="get">
<input name="file" type="file" size="20">
</form>

Эффект:

Значение: Checkbox
Создает поле ввода для атрибутов типа Boolean ("да"/"нет") или для атрибутов, которые могут одновременно принимать несколько значений. Эти атрибуты представляют собой несколько полей "Checkbox", которые могут иметь одинаковые имена. Каждое выбранное поле "Checkbox" создает отдельную пару name/value в информации, посылаемой на сервер, даже если результатом будут дублирующиеся имена. Поле типа "Checkbox" обязательно должно иметь параметры "Name" и "Value", а также необязательный атрибут "Checked", который указывает на то, что поле активизировано.

Записывается так:

<form action="Url сценария" method="get">
<input name="get_news" type="checkbox" value="yes" checked>
Хочу получать E-mail рассылку<br>
<input name="public" type="checkbox" value="yes">
Сделать мой E-mail доступным для всех
</form>

Эффект:

Хочу получать E-mail рассылку
Сделать мой E-mail доступным для всех
Значение: Radio
Создает поле ввода для атрибутов, которые принимают одно значение из нескольких возможных. Все кнопки (radio buttons) в группе должны иметь одинаковые имена, но только выбранная кнопка в группе создает пару name/value, которая будет послана на сервер. Как и для полей "Checkbox", атрибут "Checked" необязателен; он может быть использован для определения выделенной кнопки в группе кнопок (radio button).

Записывается так:

<form action="Url сценария" method="get">
Я живу<br>
<input name="citi" type="radio" value="Moscow" checked>
в Москве<br>
<input name="citi" type="radio" value="Paris">
в Париже<br>
<input name="citi" type="radio" value="other">
в В другом городе<br>
</form>

Эффект:

Я живу
в Москве
в Париже
в В другом городе
Значение: Submit
Создает кнопку, при нажатии которой заполненная форма посылается на сервер. Параметр "Value" в данном случае изменяет надпись на кнопке, содержание которой, заданное по умолчанию, зависит от браузера. Если параметр "Name" указан, то при нажатии данной кнопки к информации, посылаемой на сервер, добавляется пара name/value, указанная для для параметра "Submit", в противном случае пара не добавляется.

Записывается так:

<form action="Url сценария" method="get">
<input name="some_name" type="submit" value="Любой текст">
</form>

Эффект:

Значение: Password
Создает поле ввода под одну строку, однако текст, вводимый пользователем, отображается в виде значков "*", скрывая тем самым его содержание от любопытных глаз.

Записывается так:

<form action="" method="get">
<input name="psswd" type="password" size="20" maxlength="15">
</form>

Эффект:

  Введите любое слово
Значение: Image
Во многом похож на кнопку "Submit", только в качестве кнопки используется изображение. Одним из преимуществ является возможность передачи координат щелчка пользователя, что позволяет организовать карту изображений. Местонахождение графического изображения можно задать с помощью параметра "Src".

Значение: Reset
Cоздает кнопку, перезагружающую поля формы к их первоначальным значениям, то есть очищает поле ввода если пользователь уже что то ввел.Надпись на кнопке может быть изменена с помощью параметра "Value". По умолчанию надпись на кнопке зависит от браузера.

Записывается так:

<form action="" method="get">
<textarea name="proba" cols="26" rows="5">
</textarea>
<input name="res" type="reset" value="Очисть все в этом поле">
</form>

Эффект:


Напишите что нибудь и нажмите кнопку

Значение: Hidden
Поля этого типа не отображаются на экране монитора, что позволяет разместить "секретную" информацию в рамках формы. Содержание этого поля посылается на сервер в виде name/value вместе с остальной информацией формы. Этот тип может быть использован для передачи информации о взаимодействии клиент/сервер.

Значение: Button
Позволяет создать кнопку в HTML документе, что добавляет функции при использовании Visual Basic Script или Java Script. Параметр "Name" позволяет задать имя данной кнопке, которое может быть использовано для какой-либо функции в скрипте. Параметр "Value" позволяет задать текст, который будет отображен на кнопке в документе.

Записывается так:

<form name="msg">
<input name="alert1" type="button" value="Кнопка вызывающая скрипт" onClick="javascript:cliCk()">
</form>

Здесь кнопка вызывает простой скрипт знакомства с пользователем.

Эффект:

Атрибут: Accept
Конкретизирует тип файла. Используется только совместно с пара-метром TYPE="file". Значение задается в виде MIME.

Атрибут: Value
Задает текстовый заголовок для полей любого типа, в том числе и кнопок. Для типов, имеющих значение вида Boolean (отмеченный или неотмеченный), таких как "checkbox" или "radio", будет возвращено значение, заданное в параметре "Value".

Атрибут: Checked
Указывает, что поля типов "checkbox" и/или "radio" (см. выше параметр "Type") активизированы.

Атрибут: Size
Определяет размер поля в символах. Например, чтобы определить поле с видимой шириной в 24 символа, надо указать size="24".

Атрибут: Maxlength
Определяет максимальное количество символов, которые можно ввести в текстовом поле. Оно может быть больше, чем количество символов, указанных в параметре "Size", в этом случае поле будет прокручиваться (scroll). По умолчанию количество символов не ограничено.

Атрибут: Src
Задает URL-адрес картинки, используемой при создании графической кнопки, инициирующей передачу данных. Используется совместно с параметром type="image".

Атрибут: Align
определяет способ вертикального выравнивания для изображений. Используется совместно с параметром type="image". Полностью аналогичен параметру "Align" элемента "Img". По умолчанию имеет значение "bottom".





[Рекомендовать другу]  [Содержание  


Вывоз мусора в Уфе на автомобилях ГАЗель, Услуги грузчиков, Утилизация старой мебели


Щелкните здесь, чтобы узнать, как повысить тИЦ и Page Rank Вашего сайта. Бесплатно!

© Rusws™ 2007-2012. Разработка и техническая поддержка: RUSWS.RU
Хостинг от SpaceWeb

Перепечатка любых материалов с портала www.rusws.ru только с письменного разрешения администрации и с размещением ссылки на портал!

Техническая поддержка: rusws[собака]mail.ru
Rambler's Top100