Лабораторная работа 3(В). Лабораторная работа 3. Часть Формы

• Название: Лабораторная работа 3. Часть Формы
• Дата: 22.06.2022
• Размер: 16.07 Kb.
• Имя файла: Лабораторная работа 3(В).docx
• Тип: Лабораторная работа; #610201

Лабораторная работа №3.

Часть 1. Формы.

Создать html-форму на свободную тему (форма без единой темы не принимается!), используя все типы полей из таблицы 1 и атрибуты из таблицы 2:

Таблица 1

Тип поля	Код HTML	Описание
checkbox		Флажок, может быть отмечено или нет
radio		Переключатель, группируется с другими полями
password		Пароль, выводит точки независимо от введенного текста
select		Ниспадающий список
submit		Отправка формы
text		Текстовое поле, атрибут type может быть опущен
textarea	<br /></td> <td width="400" bgcolor="#ffffff"> <br />Многострочный текст<br /></td> </tr> <tr> <td width="89" bgcolor="#ffffff"> <br />reset<br /></td> <td width="189" bgcolor="#ffffff"> <br /><input type="reset" ><br /></td> <td width="400" bgcolor="#ffffff"> <br />Очистка формы<br /></td> </tr> </table> </center> <br /><b><br /><span id='Таблица_2__Атрибут'>Таблица 2</span></b><br /><table width="699" cellpadding="5" cellspacing="0"> <col width="93"> <col width="584"> <tr> <td width="93" height="27" bgcolor="#a6a6a6"> <br /><b>Атрибут</b><br /></td> <td width="584" bgcolor="#a6a6a6"> <br /><b>Описание</b><br /></td> </tr> <tr></tr> <tr> <td width="93" height="20" bgcolor="#ffffff"> <br />cols<br /></td> <td width="584" bgcolor="#ffffff"> <br />Ширина поля в символах.<br /></td> </tr> <tr> <td width="93" height="13" bgcolor="#ffffff"> <br />disabled<br /></td> <td width="584" bgcolor="#ffffff"> <br />Блокирует доступ и изменение элемента.<br /></td> </tr> <tr> <td width="93" height="20" bgcolor="#ffffff"> <br />maxlength<br /></td> <td width="584" bgcolor="#ffffff"> <br />Максимальное <a href="/zadacha-alfavit-sostoit-iz-512-simvolov-kakoj-informacionnij-o/index.html" title="Задача. Алфавит состоит из 512 символов. Какой информационный объем имеет один символ">число символов текста</a>, которое можно ввести.<br /></td> </tr> <tr> <td width="93" height="24" bgcolor="#ffffff"> <br />name<br /></td> <td width="584" bgcolor="#ffffff"> <br />Имя поля, предназначено для того, чтобы обработчик формы мог его идентифицировать.<br /></td> </tr> <tr> <td width="93" height="29" bgcolor="#ffffff"> <br />readonly<br /></td> <td width="584" bgcolor="#ffffff"> <br />Устанавливает, что поле не может изменяться пользователем.<br /></td> </tr> <tr> <td width="93" height="37" bgcolor="#ffffff"> <br />rows<br /></td> <td width="584" bgcolor="#ffffff"> <br />Высота поля в строках текста.<br /></td> </tr> <tr> <td width="93" height="26" bgcolor="#ffffff"> <br />wrap<br /></td> <td width="584" bgcolor="#ffffff"> <br />Параметры переноса строк.<br /></td> </tr> </table> <br /><u><b><span id='Часть_2._Формы_с_помощью'>Часть 2. Формы с помощью </span></b></u><u><b>HTML</b></u><u><b>5.</b></u><br /><br />Создать html-форму на свободную тему <i>(форма без единой темы не принимается!)</i>, используя поля форм из HTML5(см.табл.1), а также атрибуты из табл.2.<br /><br /><b><span id='Таблица_1__Тип_поля'>Таблица 1</span></b><br /><center> <table width="296" cellpadding="4" cellspacing="0" bgcolor="#ffffff"> <col width="90"> <col width="188"> <tr> <td width="90" bgcolor="#bfbfbf"> <br /><b>Тип поля</b><br /></td> <td width="188" bgcolor="#bfbfbf"> <br /><b>Код HTML</b><br /></td> </tr> <tr> <td width="90" bgcolor="#ffffff"> <br /><b>number</b><br /></td> <td width="188" bgcolor="#ffffff"> <br /><b><input type="number"></b><br /></td> </tr> <tr> <td width="90" bgcolor="#ffffff"> <br /><b>range</b><br /></td> <td width="188" bgcolor="#ffffff"> <br /><b><input type="range"></b><br /></td> </tr> <tr> <td width="90" bgcolor="#ffffff"> <br /><b>date</b><br /></td> <td width="188" bgcolor="#ffffff"> <br /><b><input type="date"></b><br /></td> </tr> <tr> <td width="90" bgcolor="#ffffff"> <br /><b>color</b><br /></td> <td width="188" bgcolor="#ffffff"> <br /><b><input type="color"></b><br /></td> </tr> <tr> <td width="90" bgcolor="#ffffff"> <br /><b>search</b><br /></td> <td width="188" bgcolor="#ffffff"> <br /><b><input type="search"></b><br /></td> </tr> <tr> <td width="90" bgcolor="#ffffff"> <br /><b>datalist</b><br /></td> <td width="188" bgcolor="#ffffff"> <br /><b><datalist></b><br /></td> </tr> <tr> <td width="90" bgcolor="#ffffff"> <br /><b>tel</b><br /></td> <td width="188" bgcolor="#ffffff"> <br /><b><input type="tel"></b><br /></td> </tr> <tr> <td width="90" bgcolor="#ffffff"> <br /><b>e-mail</b><br /></td> <td width="188" bgcolor="#ffffff"> <br /><b><input type="e-mail"></b> <br /></td> </tr> <tr> <td width="90" bgcolor="#ffffff"> <br /><b>url</b><br /></td> <td width="188" bgcolor="#ffffff"> <br /><b><</b><b>input type="url"></b><br /></td> </tr> <tr> <td width="90" bgcolor="#ffffff"> <br /><b>output</b><br /></td> <td width="188" bgcolor="#ffffff"> <br /><b><output></b><br /></td> </tr> </table> </center> <br /><b><br />Таблица 2</b><br /><table width="699" cellpadding="5" cellspacing="0"> <col width="93"> <col width="584"> <tr> <td width="93" height="27" bgcolor="#a6a6a6"> <br /><b>Атрибут</b><br /></td> <td width="584" bgcolor="#a6a6a6"> <br /><b>Описание</b><br /></td> </tr> <tr></tr> <tr> <td width="93" height="20" bgcolor="#ffffff"> <br />Required<br /></td> <td width="584" bgcolor="#ffffff"> <br />Обязательное поле<br /></td> </tr> <tr> <td width="93" height="12" bgcolor="#ffffff"> <br />pattern<br /></td> <td width="584" bgcolor="#ffffff"> <br />Регулярное <a href="/test-bazi-dannih-baza-dannih-eto/index.html" title="Тест Базы данных База данных это">выражение для ввода данных</a><br /></td> </tr> </table> </output></input></input></datalist></input></input></input></input></input></input>

---