Радио переключатель

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

Радио кнопочка создается с помощью тега input с атрибутом type в значении radio:

<input type="radio">

Один радио переключатель практически никогда не используется, их следует использовать группой. При этом в группе может быть отмечен только один из переключателей. Переключатели будут формировать группу только если у них одинаковоезначение атрибута name.

Пример

• данном примере сделаны два радио переключателя: первый отмечен (так как ему дан атрибут checked), а второй - нет. При этом переключатели представляют собой группу, в которой может быть отмечен только один из них (так как у них одинаковое значение атрибута name).

Обратите внимание на то, что данным радио кнопкам даны разные значения атрибута value. Это нужно для того, чтобы после отправки данных на сервер, PHP мог определить, какой из переключателей был выбран:

<form method="post" action="">

<input type="radio" name="select1" value="1" /> Значение 1 <input type="radio" name=" select 2" value="2" /> Значение 2 <input type="radio" name=" select 3" value="3" /> Значение 3 </p> <input type="submit" value="Submit" />

</form>

Результат в браузере:

Значение 1 Значение 2 Значение 3

Submit

checkbox

checkbox представляет собой элемент (галочку или птичку) HTML формы, который может иметь два состояния: отмечен и не отмечен.

Флажок создается с помощью тега input с атрибутом type в значении checkbox (нажав на него мышкой, увидите как он меняет свое состояние с отмеченного на неотмеченное и наоборот):

<input type="checkbox">

Результат выполнения кода:

Для идентификации значений также, как и в радио переключателях, нужно использовать атрибута value.

<form method="post" action="">

<input type="checkbox" name="select1" value="1" /> Значение 1 <input type="checkbox" name=" select 2" value="2" /> Значение 2 <input type="checkbox" name=" select 3" value="3" /> Значение 3 </p> <input type="submit" value="Submit" />

</form>

Значение 1 Значение 2 Значение 3

---

Выбор данных из предложенных

Тег select создает выпадающий список для использования в HTML формах.

Отдельный пункт списка должен храниться в теге option.

Пример

• данном примере показано создание выпадающего списка, можно выбрать одно из значений:

<select>		Результат выполнения кода:
<option> Значение 1 </option>
<option> Значение 2 </option>
<option> Значение 3	</option>
<option> Значение 4	</option>
</select>

Для выбора более, чем одного из предложенных значений, содаём мультиселект (то есть можно выбрать одно или более значений).

Мультиселект создаётся с помощью атрибута multiple с использованием массива. Зажмите клавишу контрол (ctrl) и, не отпуская ее, вы сможете выбрать несколько пунктов выпадающего списка.

<select multiple name="mass[]">	Результат выполнения кода:
<option >Значение 1</option>
<option >Значение 2</option>
<option >Значение 3</option>
<option >Значение 4</option>
</select>

---

Смотрите также файлы

• Шаг 1.doc

• тест ворд (2).doc

• тест ворд (1).doc

• ТЗ для ретушера.doc

• 03.doc