| Главная » Мастерская » Статьи » ФОРМЫ (HTML Уроки) |
Чтобы сосредоточить мысли на основном, мы не будем записывать метки <HTML>, <HEAD> и <TITLE>. Разумеется, Вы сохраняете их в вашем документе. Мы будем записывать только то, что появляется внутри меток <FORM>. Наиболее общий ТИП - TYPE формы <INPUT> - TEXT. <INPUT TYPE=TEXT>
Каждому вводу необходимо ИМЯ - NAME. <INPUT TYPE=TEXT NAME="ADDRESS">
Когда пользователь набирает свой адрес (например 1313 Mockingbird Lane), он становится значением ввода и будет спарен с ADDRESS, так что конечный результат после выполнения Mailto Formatter будет ADDRESS=1313 Mockingbird Lane. Мы можем, по желанию, набрать в VALUE. <INPUT TYPE=TEXT NAME="ADDRESS" VALUE="44 Cherry St">
Это автоматически соединит значение 44 Cherry St с именем ADDRESS, пока пользователь не изменит его. Примечание, убедитесь, что использовали кавычки там, где показано. Мы можем определять размер текстового блока диалога. <INPUT TYPE=TEXT NAME="ADDRESS" VALUE="44 Cherry St" SIZE=10>
<INPUT TYPE=TEXT NAME="ADDRESS" VALUE="44 Cherry St" SIZE=20>
<INPUT TYPE=TEXT NAME="ADDRESS" VALUE="44 Cherry St" SIZE=30>
Как Вы можете видеть, значение по
умолчанию - 20. Удалите VALUE="44 Cherry St". <INPUT TYPE=TEXT NAME="ADDRESS" SIZE=30>
Если мы хотим, мы можем определить, сколько символов пользователь может вводить. Попробуйте ввести более 10 символов! <INPUT TYPE=TEXT NAME="ADDRESS" SIZE=30 MAXLENGTH=10>
Очень похож на TYPE=TEXT - TYPE=PASSWORD. IЭто - точно тот же самое, за исключением отображения *** вместо фактического ввода. Браузер пошлет Вам ввод, но он не будет отображать его. <INPUT TYPE=PASSWORD>
Не забудьте, что каждый <INPUT> должен иметь NAME. <INPUT TYPE=PASSWORD NAME="USER PASSWORD">
Атрибуты SIZE, VALUE и MAXLENGTH
работают здесь также. Между прочим, <МЕТКА>
сообщает браузеру что сделать. АТРИБУТ
помещается внутри <МЕТКИ> и
сообщает браузеру, как делать это.. Затем - Кнопки переключатели и
Переключатели. Кнопки переключатели
позволяют пользователю выбирать одну из
отдельных опций. Переключатели позволяют
пользователю выбирать один или больше, или все
параметры. <INPUT TYPE=RADIO NAME="BEST FRIEND"> Щелкните на кнопке.
Теперь добавьте еще 2. <INPUT TYPE=RADIO NAME="BEST FRIEND">
Предполагаем поместить прерывание строки после каждого. <INPUT TYPE=RADIO NAME="BEST FRIEND"><BR>
Обратите внимание, что каждый ввод имеет то же самое имя. Причина станет очевидной очень скоро. Каждой из Кнопок переключателей должно быть назначено значение - VALUE. <INPUT TYPE=RADIO NAME="BEST FRIEND" VALUE="Ed"><BR>
Теперь пометим каждую кнопку. <INPUT TYPE=RADIO NAME="BEST FRIEND" VALUE="Ed">
Ed Holleran<BR>
Вы можете также заменить эти метки
другими метками html по желанию. По существу ваши Кнопки переключатель созданы. Вы можете добавить инструкцию выше кнопок и, если хотите, выбрать значение по умолчанию. Кто ваш лучший друг?<BR>
Пользователь конечно может только
выбрать одну опцию. Его выбор будет
возвращен Вам как спарка имя/значение,
например, BEST FRIEND=Ed . Формирование Переключателей - Check Boxes - практически то же самое. Начните с этого. <INPUT TYPE=CHECKBOX NAME="Ed"> Щелкните на переключателе.
Добавьте еще 3, но на сей раз дайте каждому различное ИМЯ - NAME. (Также добавьте прерывания строк, если хотите) <INPUT TYPE=CHECKBOX NAME="ED"><BR>
Каждый Переключатель получает то же самое ЗНАЧЕНИЕ - VALUE. <INPUT TYPE=CHECKBOX NAME="ED" VALUE="YES"><BR> Обратите внимание, Переключатели изменили имена, ими стали ЗНАЧЕНИЯ Кнопок переключателей, а измененные ЗНАЧЕНИЯ одни и те же.
Хорошо, давайте маркировать каждый блок. <INPUT TYPE=CHECKBOX NAME="ED" VALUE="YES">
Ed Holleran<BR>
И наконец, Вы можете добавить что-то выше ваших переключателей и возможно выбрать значения по умолчанию. Кто из этих парней ваши
друзья?<BR> Пользователь может выбрать 1, 2, ни одного или все параметры. Их выборы будут возвращены Вам, как спарки имя/значение, например, Ed=YES Теперь вопрос, который мог бы прийти в голову, а что, если я хочу задать 3 различных вопроса о той же самой группе парней? Хорошо, мы покажем, как это сделать. Истинно что в каждой форме никогда не должны быть дубликатов ИМЕН. Так, возможно мы могли бы использовать различное имя для каждого вопроса. Далее следует html для этих 3 вопросов. Метки <TABLE> зеленые. Они только для вида и не воздействуют на работу формы. Если Вам необходимо раскрасить вашу <TABLE>, смотрите Таблицы. <CENTER> <TD WIDTH=199> <TD WIDTH=200> <TD WIDTH=199> </TR></TABLE> Предположим, что пользователь отметил следующие переключатели... ...... выполнение этого послало бы Вам следующие пары имя/значение. Friend?..Ed=YES Вот и все! |
Формы (HTML Уроки)
