Читайте также:
|
|
Практическая работа №8.
Создание диалоговых форм.
Цель: Научиться создавать диалоговые формы.
Задание 1.
<html><head><TITLE> Диалоговая форма</title></head><body><form action="/cgi-bin/handler.cgi">
<table align=center><tr><td colspan=2>Введите ваше имя: <tr><td><input type=text width=25></td>
<td><input type=image src=8.gif width=90 height=68 border=0></td></tr></table></form>
<form><legend>Личные данные</legend>Имя:
<input type="text" name="firstname" value="Билл"> <br>Фамилия:
<input type="text" name="lastname" value="Гейтс"> <br>Пол:
<input type="radio" name="Sex" value="Male" checked="checked"> Мужской
<input type="radio" name="Sex" value="Female"> Женский</fieldset></form>
<fieldset><legend>Данные о работе</legend>Место работы:
<input type="text" name="work" value="Microsoft"> <br>Должность:
<input type="text" name="status" value="Президент"></fieldset>
<input type="submit" value="отправить"></form>
<table><tr><td><form method="post" action="8.php">
<fieldset><b>Выберите любимый цвет:</b><br>
<p align=center> <input type=radio name=answer value="#F4F090">Желтый<br>
<input type=radio name=answer value="#80ECF3">Голубой<br>
<input type=radio name=answer value="#F3ACC5">Розовый<br>
<input type=radio name=answer value="#A7F4AB">Зеленый<br></select> </fieldset></td>
<td><fieldset><input type=reset value="Сбросить данные">
<input type="submit" value="Отправить данные"></fieldset></form></td>
<td><p>Введите свой email<br><input type="text" name="email">
</p></td></tr>
<tr><td><p>Выберите формат диска<br>
<input type="radio" name="format" value="cd">CD<br>
<input type="radio" name="format" value="dvd">DVD<br></p></td>
<td><p>Какие курсы должны быть на диске<br>
<input type="checkbox" name="site">Курс по созданию сайтов<br>
<input type="checkbox" name="book" >Курс по созданию книг<br></p></td>
<td><p>Выберите тип доставки<br><select name="delivery">
<option>Срочная</option>
<option>Обычная</option></select></p></td>
<p>Введите адрес доставки<br>
<textarea name="address" cols="40" rows="5">
</textarea>
</p>
</body>
</html>
Самостоятельное задание
Создать Web-страницу по образцу.
<html><head></head><body><div align = "center">
<form name = "form1" action = "script/request.php" method = "get">
Ваше имя: <input type = "text" name = "firstname" value = "Тут Ваше имя"> <br>
Ваш пароль: <input type = "password" name = "pass" value = "Тут Ваш пароль">
<br> Выберите вариант:
<select name = "choice">
<option value = "1">Вариант 1
<option value = "2">Вариант 2
<option value = "3">Вариант 3 </select> <br> Напишите что-нибудь:
<br> <textarea name = "message" rows = "10" cols = "15">Сообщение</textarea>
<br> Выберите что-нибудь одно:
<input type = "radio" name = "choiceradio" value = "1">Вариант 1
<input type = "radio" name = "choiceradio" value = "2">Вариант 2
<input type = "radio" name = "choiceradio" value = "3">Вариант 3
<br> Вы согласны с нашими правилами:
<input type = "checkbox" name = "terms" value = "yes">
<input type = "button" name = "start" value = "Начать">
<br> <input type = "submit" value = "Отправить"> </form></div>
<table><tr><td><form>Укажите Ваш пол: <br>
<input type="radio" name="sex" value="male"checked="checked"> мужчина <br>
<input type="radio" name="sex" value="female"> женщина </form></td>
<td>
<form>В этом году я собираюсь приобрести: <br>
<input type="checkbox" name="computer" checked="checked"> Компьютер
<br><input type="checkbox" name="notebook"> Ноутбук
<br><input type="checkbox" name="printer"> Принтер
<br><input type="checkbox" name="scanner" checked="checked"> Сканер </form></td>
<td><form method="post" action="http://www.eltisbook.ru/action.php" >Найти:
<input type="text" name="search" size=20><br>
<input type="submit">
<input type="reset"></form></td>
<body><form>Прикрепить файл: <br><input type="file" size="25"></form></body>
<form>Выберите размер в дюймах
<select name="tft">
<option value="12">12"
<option value="13">13"
<option value="14">14"
<option value="15">15"
<option value="16" selected="selected">16"
<option value="17">17"</select></form>
<form>Выберите производителя:<br>
<select name="notebook" multiple size=6>
<option value="aser">Aser
<option value="asus">Asus <option value="compaq" selected="selected">Compaq
<option value="hp">HP
<option value="sony" selected="selected">Sony
<option value="toshiba">Toshiba
</select> </form><form ><fieldset></body></html>
Дата добавления: 2015-07-10; просмотров: 383 | Нарушение авторских прав
<== предыдущая страница | | | следующая страница ==> |
Полная Eventаризация! | | | Диалог этики и эстетики |