Полезные ссылки:
- Справочник по HTML-коду здесь
- Учебник по HTML для начинающих здесь
- Формы на веб-странице (c урока)
Формы на веб-странице
1. Форма с использованием сервисов Google
<html>
<head>
<title>Страница с формой</title>
</head>
<body>
Сюда скопируйте ссылку на форму, предоставленную вам Гуглом. Выглядеть она будет примерно так:
<iframe src="http://spreadsheets.google.com/embeddedform?key=0An40VB5YmZfndDhlY3Q1U1VTeXVRdW53YjRDZW8xU3c" width="760" height="768" frameborder="0" marginheight="0" marginwidth="0">Загрузка...</iframe>
</body>
</html>
Как это будет выглядеть в браузере для созданной в Гугле формой про ЕГЭ (напоминаю, что обработчик формы отправляет результат заполнения на почтовый ящик автора формы) :
2. Форма, созданная на языке HTML
<html>
<head>
<title>Страница с формой</title>
</head>
<body>
<h2>Анкета посетителя сайта</h2>
<form action="ОБРАБОТЧИК СЕРВЕРА">
<b> Введите пожалуйста ваше имя:</b><br>
<input type="text" name="name" size=30><br><br>
<b> Ваш электронный адрес:</b><br>
<input type="text" name="mail" size=30><br><br>
<b>К какой группе Вы себя относите?</b><br>
<input type="radio" name="group" value="student">Студент <br>
<input type="radio" name="group" value="teacher">Учитель <br>
<input type="radio" name="group" value="schoolboy">Ученик <br>
<input type="radio" name="group" value="Another">Другое <br><br>
<b>Какие службы Интернета Вы используете наиболее часто?</b><br>
<input type="checkbox" name="service" value="www">WWW <br>
<input type="checkbox" name="service" value="e-mail">E-mail <br>
<input type="checkbox" name="service" value="icq">ICQ <br>
<input type="checkbox" name="service" value="ftp">FTP <br><br>
<b>Каким браузером предпочитаете пользоваться?</b>
<select name="list">
<option selected>Internet Explorer
<option> Opera
<option> Mozilla Firefox
<option> Google Chrome
<option> Apple Safari
</select><br><br>
<b>Ваши пожелания к содержанию сайта:</b><br>
<textarea name="resume" rows=4 cols=30></textarea><br><br><br>
<input type="submit" value="Отправить">
<input type="reset" value="Очистить">
</form>
</body>
</html>
|
