Управляющие элементы

Экранные управляющие элементы определяют способ ввода информации. Синтаксически элементы представляют собой значение атрибута type дескриптора <INPUT>.

Далее перечислены управляющие элементы.

§ text – поле ввода текста, состоящее из одной строки. Ширину поля определяет значение size.

§ password – поле, подобное полю ввода текста text. Отличие в том, что вводимые символы отображаются в виде символов *.

§ checkbox – флажок, принимающий два логических значения.

§ radio – переключатель. В отличие от флажка, из нескольких переключателей может быть выбран лишь один.

§ submit – кнопка, нажатие которой означает подтверждение выбора.

§ reset – кнопка, нажатие которой означает сброс текущих значений элементов управления и установку значений по умолчанию.

§ file – позволяет создать кнопку вызова диалогового окна выбора файла.

§ hidden – скрытый элемент управления, обычно используется для автоматического ввода дополнительных донных для передачи Web-узлу.

§ image – элемент, позволяющий вставить изображение и использовать его для подтверждения выбора или сброса вместо кнопок submit и reset.

§ button – кнопка. Для работы кнопке требуются связанные с ней сценарии.

Пример построения формы:

<form method=GET action="glow.html">

<b> Введите Ваше имя: </b>

<input type="text" name="name" value="" size=20><BR><BR>

<b>Введите ваш контактный телефон:</b>

<input type="text" name="phone" value="" size=20 ><BR><BR>

<b>Возраст:</b><BR>

18-25 <input type="checkbox" name="18-25" ><BR>

25-40 <input type="checkbox" name="25-40" ><BR><br>

<b> Пол:</b><BR>

<input type="radio" name="button" value="мужской" >Мужской<BR>

<input type="radio" name="button" value="женский" checked>Женский<BR><br>

<b>Город:</b>

<select name="sity" >

<option value="Лондон" selected>Лондон

<option value="Москва">Москва

<option value="Париж">Париж

</select><BR><BR>

<p style="position:absolute; top:250; left:250; "><b >Город:</b></p>

<select name="sity" size=3 style="position:absolute; top:250; left:300; ">

<option value="Лондон" selected>Лондон

<option value="Москва">Москва

<option value="Париж">Париж

</select><BR><BR>

<b>Дополнительные сведения о себе:</b>

<textarea rows=4 cols=40>

</textarea><BR><BR>

<input type="submit" name="Vvod" value="Ввод">

&nbsp &nbsp &nbsp

<input type="reset" value="Отмена">

&nbsp;&nbsp;&nbsp

<input type="button" name="Pusk" value="Пуск">

&nbsp &nbsp &nbsp

<input type="image" src="cherpah.jpg" width=50 value=submit alt="OK">

&nbsp &nbsp &nbsp

<button nane="submite" value="submite" type="submite">OK<img src="cherpah.jpg" width=50 alt="GO"></button>

</form>

Дата добавления: 2015-10-02