slogin.info

ihc 468x60 1 1
Звезда активнаЗвезда активнаЗвезда активнаЗвезда активнаЗвезда не активна4 / 5
 
Автор: Администратор
Просмотров: 1224
Теги: html, form, action, input, select, textarea

Это шестая статья, посвященная, как понятно из заголовка HTML формам.

basic HTML6

Начать стоит с тега <form></form> помещая данный тег в тело HTML документа мы сообщаем, что в данном теге находится форма. Важными атрибутами данного тега являются два:

  • action - Адрес программы или документа, который обрабатывает данные формы.
  • name - Имя формы.

Есть и другие, но я не стал их выделять, в итоге выглядеть добавление формы может следующим образом:

 

<FORM action="Адрес" name="Имя формы">
</FORM>

 

Далее я просто перечислю и расскажу отдельно об основных элементах формы.

Тег <input>

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

Ради примера покажу несколько вариантов:

 

<FORM action="Адрес" name="Имя формы">
<input type="text" />
<input type="radio" name="one" />
<input type="radio" name="one" />
<input type="radio" name="one" />
<input type="submit"/>
</FORM>

 

Пример на деле:

Тег select

Позволяет создать элемент интерфейса в виде раскрывающегося списка или список множественного выбора.

Пример кода:

 

<FORM action="Адрес" name="Имя формы">
<select>
<option>Пункт 1</option>
<option>Пункт 2</option>
</select>
</FORM>

 

Пример на деле:

Тег <textarea> </textarea>
Данный тег создает текстовое поле для ввода множества строк, здесь можно делать переносы строк и они сохраняются при переносе на сервер.

Пример кода:

 

<FORM action="Адрес" name="Имя формы">
<textarea>
</textarea>
</FORM>

 

Пример кода на деле:

Вот пожалуй и все теги о которых я хотел рассказать. Более подробную информацию о тегах и их атрибутах можно узнать на специальных сайтах-справочниках.

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

Авторизоваться с помощью:

     


Защитный код
Обновить

Поиск по сайту

Топ 10 активных пользователей

  • Имя пользователя Баллы
  • gawk
    44.20
  • hr@proovelab
    15.00
  • intuit89
    5.60
  • Varvarka
    4.00
  • Akyla58
    3.00
  • AnnaOl
    3.00
  • dimasik_3557
    3.00
  • ErcardSa
    3.00
  • Galinamuh
    3.00
  • Hozephlof
    3.00
 

Рекламные ссылки

IHC

Пожертвования

icon donate

Yandex.Money: 410011571748395

Webmoney:

R362907776401 (Рубли)

Z410919458006 (Доллары)

ihc 468x60 1 1

Похожие материалы

Языки программирования сайтов

Приветствую всех посетителей моего сайта. В этой статья я расскажу вам о языках программирования, которые нужны для управления, созданий и разработки своего сайта.

Теги:

css, html, javascript, php, веб

Комментариев: 0 Подробнее
Основы HTML. Урок №1. Как создать HTML документ?

С этой статьи я начинаю свой цикл, посвященный основам HTML, где я буду доступным и постараюсь понятным для новичков языком объяснять основы данного веб-языка.

Теги:

html, document, file

Комментариев: 0 Подробнее
Основы HTML. Урок №2. Структура страницы.

Продолжаю цикл статей, посвященный изучению основ HTML и это второй урок, в котором я расскажу вам о базовой структуре HTML странички и тут же мы поговорим о тегах.

Теги:

html, title, body, head

Комментариев: 0 Подробнее
Основы HTML. Урок №3. Некоторые теги тела документа.

Это третья статья, в цикле изучения основ HTML и в ней я расскажу вам о некоторых тегах, который используются в теле документа.

Теги:

html, tags, img, tag, div

Комментариев: 0 Подробнее

Последнее с форума

intuit89 аватар
Работаем в прежнем режиме, ждем новых заказов с интересными проектами...
Перейти в тему
ZOMRO аватар
Виртуальные выделенные сервера на облачной платформе Облачные VDS/VPS — это услуга, которая поможет...
Перейти в тему
ZOMRO аватар
Друзья, встречайте новинку в ассортименте наших услуг — тарифный план “Nano”. Тариф VDS/VPS «NANO» ...
Перейти в тему

Последние статьи

Javascript функции

Функции - одна из основных концепций языка JavaScript. При этом есть кардинальное отличие от многих языков программирования, в JS каждая функция сама по себе является объектом, а соответственно и манипулировать с ней можно разными способами:

Ссылка на телефон

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

CPA сети 30.01.2017
CPA сети

Сегодня мы подробно рассмотрим тему зарабатка на своих проектах (т.е. это не обязательно сайты) при помощи CPA сетей.