Тип элемента radio
Type= RADIO
Определяет радиокнопку. Может содержать дополнительный атрибут checked (показывает, что кнопка помечена). В группе радиокнопок с одинаковыми именами может быть только одна помеченная радиокнопка. Пример 6_2 : Определяет группу из трех радиокнопок, подписанных 9600 бит/с, 14400 бит/с и 28800 бит/с. Первоначально помечена первая из кнопок. Если пользователь не отметит другую кнопку, обработчику будет передана переменная modem со значением 9600. Если пользователь отметит другую кнопку, обработчику будет передана переменная modem со значением 14400 или 28800.
Задание 4.2
Наберите в редакторе «блокнот» текст следующего HTML-документа:
<html>
<head>
<title>пример 4_2 радиокнопки</title>
</head>
<body>
<p >
<form>
<input type=radio name=modem value="9600" checked> 9600 бит/с <br>
<input type=radio name=modem value="14400"> 14400 бит/с <br>
<input type=radio name=modem value="28800"> 28800 бит/с <br>
</form>
</p>
</body>
</html>
Сохраните документ с именем пример4_2.htm, откройте в браузере, должно появиться следующее отображение:
Тип элемента checkbox
Type= CHECKBOX
Определяет квадрат, в котором можно сделать пометку. В отличие от радиокнопок, в группе квадратов с одинаковыми именами может быть несколько помеченных квадратов. Вместе с атрибутом CHECKBOX должны использоваться следующие атрибуты:
CHECKED - инициализировать данный флаг, как отмеченный
NAME - наименование поля ввода формы
VALUE - значение поля ввода
Задание 4.3 - Создание списка независимых кнопок (элемент " Котлеты " указан как заранее отмеченный):
Наберите в редакторе «блокнот» текст следующего HTML-документа:
<html>
<head>
<title>пример 4_3 флажки</title>
</head>
<body>
<p >
<form>
<input type="checkbox" name="food" value ="пельмени"> пельмени <br>
<input type="checkbox" name="food" value =голубцы"> голубцы <br>
<input type="checkbox" name="food" value="котлеты" checked> котлеты <br>
</form>
</p>
</body>
</html>
Сохраните документ с именем пример4_3.htm, откройте в браузере, должно появиться следующее отображение:
Тип элемента text
Type=TEXT
Определяет окно для ввода строки текста. Может содержать дополнительные атрибуты
SIZE=[число] (ширина окна ввода в символах) и
MAXLENGTH=[число] (максимально допустимая длина вводимой строки в символах).
Задание 4.4: Определяет окно шириной 20 символов для ввода текста. По умолчанию в окне находится текст Иван, который пользователь может редактировать. Отредактированный (или неотредактированный) текст передается обработчику в переменной user.
Наберите в редакторе «блокнот» текст следующего HTML-документа:
<html>
<head>
<title>пример 4_4 текст</title>
</head>
<body>
<p >
<form>
<input type=text size=20 name=user value="иван">
</form>
</p>
</body>
</html>
Сохраните документ с именем пример4_4.htm, откройте в браузере, должно появиться следующее отображение:
