-(BestFreeHelp.narod.ru)-

-(главная)-

-(библиотека)-

-(архив)-

-(помощь)-

-(карта сайта)-

-(о сайте)-

-(гостевая)-

Для обозначения форм используется тег <form>...</form>.Для чего нужны формы?Формы используются при работе со скиптами,а именно формы отсылают данные какому-либо скрипту и скрипт выводит или не выводит ответную функцию.Возьмем к примеру гостевую что стоит на данном сайте.В гостевой присутствуют несколько форм,это:"Имя","Url","Mail" и что-то еще.Так вот,когда мы вводим в окошка "Имя", "Сообщение" данные и нажимаем кнопку "отправить" формы отправляют данные что вы ввели скрипту,скрипт их обрабатывает и выводит ответную функцию,в нашем случае гостевая обновляется и на ней выводится ваше сообщение.Думаю принцип действия таких форм понятен.Существует около десятка "почти разных" форм.Почему я пишу "почти разных"?Потому-что формы в основном выполняют одинаковую функцию,меняется лишь вид.Сейчас я расскажу какие бывают формы:

1)Форма-окошко для ввода данных.

Приведу сразу пример:

 

Вы спросите что я сделал?Я направил данные которые вводятся через мою форму в поисковый скрипт поисковой системы Яндекс.Теперь если вам что-то понанобиться найти не нужно загружать страницу самого яндекса,можно воспользоваться данной формой.Как найти скрипт?Можно просто подсмотреть в HTML коде страницы если не знаете точного адреса скрипта.Код данной формы:

 

<form id=form  action="http://yandex.ru/yandsearch">

<p><input name=text><input type=submit onclick="p('next.search')"value="Найти">

 

Ничего лишнего правда?Обьясню как работает это форма:вы вводите текст в форму и нажимаете кнопку "Найти",форма перекидывает ваш запрос в переменных(могли заметить что когда поисковик заходит на страницу с результатами поиска там вместо букв всякие знаки) и загружается страница с результатом.Рассмотрим атрибуты этой формы:

action-Указывает адрес, по которому выполняется обработка формы

method-Способ пересылки формы на сервере.Возможны два значения-GET и POST.

name-Имя формы для доступа к ее элементам из скриптовых языков.

value-значение

2)Форма-окошко для копирования данных.

Думаю вы не раз видели(если много времени убиваете в интернете) как на сайтах стоят окошки которые можно прокручивать и копировать из них текст.Если вы не понимаете о чем я обратите внимание на эту форму:

 

 

Код такой формы:

 

<textarea name="formtextarea1" rows="2" cols="10">Это типа форма и можете из нее копирнуть текст.</textarea>

Как видно используется тег <textarea>...</textarea>.

Атрибуты данной формы:

name-название этой формы

rows-количество строк в форме

cols-количество знаков на одной строке

 

3)Форма флажок для выбора.

 

Эту форму много где используют.Приведу сразу пример:

Любишь дизайн?

Любишь верстку?

Любишь все?

 

В этой форме нужно ставить галочки.Код формы:

 

<input type="checkbox" name="formcheckbox1" value="123">

 

Текст рядом с формой ставите сами.Атрибуты описаны в предыдущих формах.

 

4)Форма-радио-кнопка.

Пример формы:

Люблю ночь

Люблю утро

Люблю день

 

В данной форме вы можете выбрать лишь один.

Код формы:

 

<input type="radio" name="formradio1">

 

Надеюсь с этим понятно.

5)Форма:раскрывающиеся меню.

Пример:

 

 

Как видно вы можете выбрать одну менюшку,если добавить кнопку можно для каждой менюшки написать ссылку и при нажатие на кнопу вас будет отправлять на страницу.

Код формы:

 

<select name="formselect1" size="2" multiple>

<option selected value="12345">Меню</option>

<option selected value="123124">Меню 1</option>

<option selected value="ваываыв">Меню 2</option>

<option selected value="уауау">Другое меню.</option>

</select>

 

Используется тег <select>..</select>.

 

6)Форма кнопка команды

Пример:

Если вы поняли предыдущие формы то поймете что это только кнопка обычная.

Код формы:

 

<input type="submit" name="formbutton1" value="Кнопа">

 

7)Форма файл браузера

Пример:

 

Код формы:

 

<input type="file" name="formfile1" size="5">

 

8)Форма изображение

Пример:

Код формы:

 

<input type="image" name="formimage1" src="frame/smallCHESTER.jpg" width="40" height="40" border="0">

 

9)Форма скрытая область.

Пример вы не увидите,на то форма и называется скрытой.

Код формы:

 

<input type="hidden" name="formhidden1" value="1234">

[разделы]

HTML

[HTML основы]

[HTML атрибуты]

[HTML таблица цветов]

[HTML символы]

[HTML изображения]

[HTML таблицы]

[HTML фреймы]

[HTML списки]

[HTML формы]

[HTML мета теги]

[HTML словарь тегов]

[HTML интересное]

CSS

[CSS основы]

другие

[как ставить скрипты?]

[интернет как локалка]

[подключение интернета]

[софт мастера]

[словарь мастера]

 

Hosted by uCoz