Авторизация на сайте

Последнее из портфолио

Как с нами связаться

  • 8 953 242 0439
  • +7 953 242 0439
  • ws-aprel@ya.ru
  • *******
  • Россия, г. Горячий Ключ
» » Создание форм средствами HTML

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

dorofeeva 28-05-2013, 23:36 3 302 Уроки по HTML
Любой пользователь знаком с такими элементами управления, как кнопки, переключатели, флажки, выпадающие списки. С их помощью простая Web-страничка превращается в интерактивную. 
Объединение логически связанных между собой элементов управления в HTML-документе называется формой.

Для создания формы применяется тег-контейнер <FORM></FORM> с атрибутом action=” ”, в котором содержится адрес, по которому будут отправлены данные с формы.
Внутри тега <FORM> могут размещаться элементы управления, которые создаются тегом <INPUT>. Атрибут  type задает тип элемента.
<INPUT type=”text”> - создание текстового поля ( ).
<INPUT type=”checkbox”> - создание переключателей-флажков( ).
<INPUT type=”radio”> - создание кнопок выбора( ).
<INPUT type=”submit”> - отправка данных из формы ( ).
<INPUT type=”reset”> - очистка полей формы ( ).
<TEXTAREA cols=n rows= m> - создание многострочного текстового поля.
Атрибуты этого тега задают количество столбцов и строчек в поле.
Для создания выпадающих списков используется тег-контейнер <SELECT>.
Элементы списка задаются тегом <OPTION>. ПонедельникВторникСреда
Все элементы управления имеют атрибут name, который определяет имя элемента при передаче данных из формы, а также позволяет объединить переключатели и кнопки выбора в группы. Атрибут checked отвечает за установку флажка или переключателя.
 
Пример:

<FORM action="" name="form1" >

<h2>Обратная связь</h2>

Имя*: <br />

<INPUT type=”text” name="fio"><br />

Телефон*: <br />

<INPUT type=”text” name="telefon"><br />

Пол: <br />

<INPUT type=”radio” name="pol">Жен<INPUT type=”radio” name="pol">Муж<br />

<INPUT type=”reset” value="Сбросить><INPUT type="submit" value="Отправить">

</FORM>

Обратная связь

Имя*:

Телефон*:

Пол:
Жен Муж

Похожие новости

  • Как изменить форму обратной связи в DLE
  • Как вставить кнопки социальных сетей на сайт
  • Создание фреймов
  • Урок 6. Вставка звука и видео
  • Урок 4. Создание списков

  • Добавить комментарий

    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent
    Кликните на изображение чтобы обновить код, если он неразборчив