Диалоговые формы html как гиперссылки

Концепции:

• Гиперссылка – диалоговая форма, которая включает: элементы управления(текстовые окна, кнопки и т.п.); адрес Web-ресурса

• Щелчок по кнопке submit формирует Web-запрос, включающий значения ЭУ, к указанному Web-ресурсу

• Если этот ресурс – серверный скрипт, то он может сформировать элемент гипертекста, обработав значения ЭУ

HTML-код

<form action = “адрес” name = “имя” …>

…

<input type = submit name = “имя” value = “пуск”>

…

</form>

5. Элементы управления html-формы. Общая характеристика

Разновидности и назначение

1. ЭУ редактирования текста

2. ЭУ ввода пароля

3. Текстовая область (текст из нескольких строк)

4. Кнопка submit

5. Кнопка reset

6. Кнопка для клиентского скрипта

7. Переключатель опций

8. Радиокнопки

9. Раскрывающийся список или окно списка

10. Указатель координат точки

11. Элемент для копирования файлов

12. Скрытые поля

Теги для описания

Тэги: input, textarea, select

Атрибуты: type, name, value, src, disabled, readonly, maxlength, cols, rows, on…(click, dblclick, focus, blur, change, select, keyup, keydown, reypress)

6. Элементы управления html-формы. Работа с текстом

Однострочный текст и пароль

<input type = “text” name = “имя”

Value = “начальное значение”

Size = “ширина области в символах”

Maxlength = “длина поля” >

<input type = “password” …>

Текстовая область

<textarea name = “tarea” rows = 5 cols = 30>

Это редактируемый текст, до 5 строк 30 символов в строке

</textarea>

Кнопки, флажки и списки на html-форме

Кнопка submit: <input type=submit параметры>

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

Кнопка reset: <input type=reset параметры>

При нажатии на эту кнопку, данные формы возвращаются в первоначальное значение. Значение кнопки Reset никогда не пересылается на сервер.

Пример кнопки клиентского скрипта:

<input type = button name = mybutton

Value = “Press me!”>

Onclick = “k()”

ЭУ «флажок»

• Свойство Value имеет значение True или False

• Это значение отображается на форме квадратом с галочкой или без нее

• Значение флажка инвертируется по щелчку на области

• На сервер передаются данные только о включенных флажках

Пример: <input type = “checkbox” name = cnk checked> Флажок

Радиокнопки

• Это группа кнопок, значение одной и только одной из которых – True, а всех остальных False

• Значение радиокнопки изображается точкой или ее отсутствием в кружочке

• Значение изменяется щелчком по кружочку

• На сервер передаются данные о только включенной кнопке

Пример: <input type = radio name = “cC”> Visa <br>

<input type = radio name = “cC” checked>

Master Card

Раскрывающийся список

Любимый язык: <br>

<select name = |>

<option value = “c++”> C++

<option value = “c#”> C#

<option value = “Говяжий”> Говяжий

</select>

Список с множественным выбором

Любимый язык: <br>

<select name = | mutiple>

<option value = “c++”> C++

<option value = “c#”> C#

<option value = “Говяжий”> Говяжий

</select>