 |
Главная Случайная страница Контакты | Мы поможем в написании вашей работы! | |
Пример создания кнопки сбора
|
|
<html>
<head>
<title>submit.html</title>
</head>
<body>
<form>
<INPUT TYPE = "submit">
<BR>
<INPUT TYPE = "submit" VALUE = "Переслать данные!">
</form>
</body>
</html>
1.10. Тип поля ввода TEXT тега INPUT описывает однострочное поле ввода. Используйте атрибуты MAXLENGTH и SIZE для определения максимальной длины вводимого значения в символах и размера отображаемого поля ввода на экране (по умолчанию принимается 20 символов).
Пример формирования текстового поля в дескрипторе INPUT:
<html>
<head>
<title>input1.html</title>
</head>
<body>
<form>
Номер телефона: <INPUT TYPE ="text" NAME = "Phone" SIZE = "15"
MAXLENGTH = "12">
</form>
</body>
<html>
2.Организация выбора в HTML - формах
Под меню выбора в формах понимают такой элемент интерфейса, как LISTBOX. Существует три типа тегов меню выбора для форм:
· Select - пользователь выбирает одно значение из фиксированного списка значений, представленных тегами OPTION. Данный вид представляется как выпадающий LISTBOX.
· Select single - то же самое, что и Select, но на экране пользователь видит одновременно три элемента выбора. Если их больше, то предоставляется автоматический вертикальный скроллинг.
· Select multiple - позволяет выбрать несколько элементов из LISTBOX.
2.1. Тег SELECT позволяет пользователю выбрать значение из фиксированного списка значений. Обычно это представлено выпадающим меню. Тег SELECT имеет один или более параметр между стартовым тегом <SELECT> и завершающим </SELECT>. По умолчанию, первый элемент отображается в строке выбора.
Пример выбора информации из списка с помощью тега <SELECT>:
<html>
<head>
<title>select1.html</title>
</head>
<body>
<FORM>
<SELECT NAME ="group">
<OPTION> AT 386
<OPTION> AT 486
<OPTION> AT 586
</SELECT>
</FORM>
</form>
</body>
</html>
2.2. Тег SELECT SINGLE - это то же самое, что и Select, но на экране пользователь видит одновременно несколько элементов выбора (три по умолчанию). Если их больше, то предоставляется автоматический вертикальный скроллинг. Количество одновременно отображаемых элементов определяется атрибутом SIZE.
Пример использования тега SELECT SINGLE:
<html>
<head>
<title>select1.html</title>
</head>
<body>
<FORM>
<SELECT SINGLE NAME = "group" SIZE = "4">
<OPTION> AT 386
<OPTION> AT 486
<OPTION> AT 586
<OPTIONS> Pentium PRO
</SELECT>
</FORM>
</body>
</html>
2.3. Тег SELECT MULTIPLE похож на тег SELECT SINGLE, но пользователь может одновременно выбрать более чем один элемент списка. Атрибут SIZE определяет количество одновременно видимых на экране элементов, атрибут MULTIPLE - максимальное количество одновременно выбранных элементов.
Пример использования тега SELECT MULTIPLE:
<html>
<head>
<title>select1.html</title>
</head>
<body>
<FORM>
<SELECT SINGLE NAME = "group" SIZE = "4" MULTIPLE = "2">
<OPTION> AT 386
<OPTION> AT 486
<OPTION> AT 586
<OPTIONS> Pentium PRO
</SELECT>
</FORM>
</body>
</html>
Если выбрано одновременно несколько значений, то серверу передаются, соответствующее выбранному, количество параметров NAME=VALUE с одинаковыми значениями NAME, но разными VALUE.
Дата публикования: 2015-10-09; Прочитано: 194 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!
