Переключатели (радиокнопки)

Они имеют значение атрибута type="radio". Чтобы набор переключателей воспринимался броузером как единое целое, нужно связать их атрибутом nameс одним и тем же именем в каждом поле <input>. Чтобы выделить одно из значений переключателя (обычно то, которое чаще используется), ему задается значение атрибута checked, который принимает значения true или false(можно писать просто checked) Удобно помещать радиокнопки в ненумерованный список и сопровождать их надписями.

Атрибут value используется в сценариях для обработки события.

Флажки

Они отличаются тем, что в одном наборе можно установить более одного флажка. Они задаются в теге input атрибутом type="checkbox" .

Атрибут value используется в сценариях для обработки события. При этом значения этого атрибута должны быть разныеу элементов, входящих в одну группу, чтобы они были различимы, т.к. в группе они должны иметь одинаковое значение атрибута name.

Пример.

<form method="post" name="student">

<h2> Выберитепредметы:

<ul > <li> <input type="checkbox" name="test"

checked>Математика <br></li>

<li> <input type="checkbox" name="test" >Информатика

<br></li>

<li> <input type="checkbox" name="test" >Физкультура

<br></li> </ul > </h2>

</form>

Поле для создания списков выбора <select>

Список выбора формируется с помощью вложенных в него элементов, описывающих каждую строку списка. Элементы списка создаются тегом <option>…</option>.

Сам список выбора имеет следующие атрибуты.

name=”имя” - имя списка выбора;

size=”число” – количество видимых строк в списке;

multiple – этот параметр применяется, если пользователю позволено

выбрать из списка несколько значений сразу.

Пример:

<form method="post" name="os">

<p>Выбираем из списка : </p>

<select name=”MySpisok” size=”3”>

<option>Пункт 1</option>

<option>Пункт 2</option>

<option>Пункт 3</option>

<option>Пункт 4</option>

<option>Пункт 5</option>

</select>

</form>

Пример 1

<form method="post" name="os">

<select>

<option>WINDOWS XP

<option>UNIX

<option>VISTA

<option>WINDOWS 2000

<option>WINDOWS NT

</select>

</form>

.Пример 2. В списке высветятся только три строки.

<form method="post" name="os">

<select size=”3” >

<option>WINDOWS XP

<option>UNIX

<option>VISTA

<option>WINDOWS 2000

<option> WINDOWS NT

</select>

</form>

.Пример 3. В списке можно выбрать несколько строк.

<form method="post" name="os">

<select multiple>

<option>WINDOWS XP

<option>UNIX

<option>VISTA

<option>WINDOWS 2000

<option> WINDOWS NT

</select>

</form>

Многострочные текстовые поля ввода <textarea>

Многострочное поле ввода имеет полосы прокрутки, поэтому в него может вводиться текст любого размера. Это обычный ASCII-текст, который может содержать символы табуляции, перевода строки и т.д. Если в поле <textarea> написать текст, то он будет выводиться при загрузке страницы.

Атрибутымногострочного поля ввода:

name=”имя" rows=”число” – число строк (высота поля ввода)

cols=”число” – количество символов в одной строке (ширина поля)

Пример.

<textarea name="Form1" rows="20" cols="50">

Это большое поле ввода

</textarea>