|
aranea.ru || Занятия и примеры по HTML | Элемент INPUT
Элемент INPUTПример 52Пример 53 Пример 54 Пример 55 Пример 56 Пример 57 Пример 58 Пример 59 Элемент INPUT определяет большую часть типов управления формы (смотрите раздел 17.4.1 Типы управления, созданные с помощью INPUT). Рассмотрим примеры элемента INPUT с атрибутом type="тип управления". Установим атрибут action=mailto:admin@aranea.ru. Естественно, примеры этих форм не будут работоспособными (этот вопрос относится к другой теме). Флажки, type="checkbox"Пример 52<HTML> <HEAT><TITLE>ПРИМЕР 52</TITLE></HEAD> <BODY> <FORM action="mailto:admin@aranea.ru"> <TABLE> <TR> <TD> <INPUT type=checkbox checked> Русский </td> <td> <INPUT type=checkbox> Английский </td> <td> <INPUT type=checkbox> Французский </td> <tr> <td> <INPUT type=checkbox> Немецкий </td> <td> <INPUT type=checkbox> Японский </td> <td> <INPUT type=checkbox> Китайский </td> </TABLE> </FORM> </BODY> </HTML> Селективные кнопки, type="radio"Пример 53<HTML> <HEAT><TITLE>ПРИМЕР 53</TITLE></HEAD> <BODY> <FORM action="mailto:admin@aranea.ru"> Ваш возраст.<BR> <INPUT type="radio" name="age" value="0-7">0-7<BR> <INPUT type="radio" name="age" value="8-14">8-14<BR> <INPUT type="radio" name="age" value="15-21" checked>15-21<BR> <INPUT type="radio" name="age" value="21-30">21-30<BR> <INPUT type="radio" name="age" value="31-40">31-40<BR> <INPUT type="radio" name="age" value="41-50">41-50<BR> <INPUT type="radio" name="age" value=">51">>50<BR> </FORM> </BODY> </HTML> Выбор файла, type="file"Пример 54<HTML> <HEAT><TITLE>ПРИМЕР 54</TITLE></HEAD> <BODY> <FORM action="mailto:admin@aranea.ru"> <P align=center> Выберите файлы.</P> <INPUT type=file size=12>Размер 12. <INPUT type=file size=36>Размер 36. </FORM> </BODY> </HTML> Ввод пароля, type="password"Пример 55<HTML> <HEAT><TITLE>ПРИМЕР 55</TITLE></HEAD> <BODY> <FORM action="mailto:admin@aranea.ru"> Введите пароль.<BR> <INPUT type=password> </FORM> </BODY> </HTML> Командная кнопка для отправки формы, type="submit"Пример 56<HTML> <HEAT><TITLE>ПРИМЕР 56</TITLE></HEAD> <BODY> <FORM action="mailto:admin@aranea.ru"> Кнопка по умолчанию, когда нет value.<BR> <INPUT type=submit><BR> Для завершения регистрации нажмите кнопку. <BR> <INPUT type=submit value="Регистрация"><BR> Для подачи запроса нажмите кнопку. <BR> <INPUT type=submit value="Запрос"> </FORM> </BODY> </HTML> Командная кнопка сброса, type="reset"Пример 57<HTML> <HEAT><TITLE>ПРИМЕР 57</TITLE></HEAD> <BODY> <FORM action="mailto:admin@aranea.ru"> <INPUT type=reset> <INPUT type=reset value="отмена"> </FORM> </BODY> </HTML> Ввод текста, type="text"Пример 58<HTML> <HEAT><TITLE>ПРИМЕР 58</TITLE></HEAD> <BODY> <FORM action="mailto:admin@aranea.ru"> Введите ваши данные. <TABLE> <TR> <TD> Фамилия Имя Отчество </TD> <TD> <INPUT type="text" name="fio" size="40" value="Иванов Иван Иваныч"> </TD> </TR> <TR> <TD> Должность </TD> <TD> <INPUT type="text" name="postion" size="15" value="студент"> </TD> </TR> <TR> <TD> Адрес </TD> <TD> <INPUT type="text" name="address" size="15"> </TD> </TR> <TR> <TD> Телефон </TD> <TD> <INPUT type="text" name="telephone" size="10"> </TD> </TR> <TR> <TD> Электронная почта </TD> <TD> <INPUT type="text" name="email" size="20"> </TD> </TR> <TR> <TD> Web-сайт </TD> <TD> <INPUT type="text" name="www" size=25 value="www.aranea.ru"> </TD> </TR> <TABLE> Нажмите кнопку для отправки формы. <INPUT type="submit" value=" Послать "> </FORM> </BODY> </HTML> Пользовательская кнопка, type="image"Пример 59<HTML> <HEAT><TITLE>ПРИМЕР 59</TITLE></HEAD> <BODY> <FORM action="mailto:admin@aranea.ru"> После заполнения формы нажмите кнопку! <INPUT type=image src="aranea_250.jpg" align="left"> </FORM> </BODY> </HTML> |