HTML5 за 10 минут

Создание элемента управления запросом на поиск


В этом задании вам предстоит создать элемент управления запросом на поиск.

1.   Откройте HTML-документ из файла webforms.html в избранном вами редакторе текста, например в Windows WordPad.

2.   Введите выделенный ниже полужирным код для создания элемента управления запросом на поиск.

<1DOCTYPE html>

<html>

<head>

<title>

Пример веб-формы </title>

</head>

<body>

<Ы>Пример веб-формы</Ы>

<form method="postn action="webforms.phpn> <table border=nl" cellpadding="5">

<tr>

<td>3anpoc на noHCK</tdxtd><input name="search" type="search" >< /td>

</tr>

</table>

<input type="submit" value="Предъявить">

</form>

</body>

</html>

3.   Сохраните внесенные изменения в файле webforms.html. Непременно сделайте это в текстовом формате. По умолчанию в текстовом редакторе WordPad выбирается расширенный текстовый формат RTF, непригодный для браузеров.

Полный исходный код примера HTML-документа webforms.html

Ниже для справки приводится полностью исходный код рассмотренного в этой главе примера HTML-документа webforms.html.

<1DOCTYPE html>

<html>

<head>

<title>

Пример веб-формы </title>

</head>

<body>

<Ы>Пример веб-формы</111>

<form method="post" action="webforms.php">

<table border="l" cellpadding="5">

<tr>

<td>no yMon4aHHio</td><td><input name="name"

</td>

</tr>

<tr>

<td>Be6-aflpec</tdxtdxinput name="url" type="url"x/td>

</tr>

<tr>

<td>3neKTpoHHan почта</tdxtdxinput name="email" type=" emai1"x/td>

</tr>

<tr>

<tr>

<td>IIpeflenH</tdxtdxinput name="range" type="range" min="0" max="100" step="5" value="40"x/td>

</tr>

<td>4Hcno</tdxtdxinput name="number" type="number" min="0" max="100" step="5" value="40"x/td>

</tr>

<tr>

<td>flaTa</tdxtdxinput name=" date" type="date"x/td>

</tr>

<tr>

<td>HeflenH</td><tdxinput name="week" type="week"x/td>

</tr>

<tr>

<td>MecHq</tdxtdxinput name="month" type="month"></td>

</tr>

<tr>

<td>BpeM4</tdxtdxinput name=" time" type="timenx/td>

</tr>

<tr>

<td>flaTa и время</tdxtdxinput name="datetime" type="datetime"></td>

</tr>

<tr>

<td>flaTa и местное времж/tdxtdxinput name="datetimelocal" type="datetime-local"x/td>

</tr>

<tr>

<td>4BeT</tdxtdxinput name=" color"

type="color"></td>

</tr>

<tr>

<tr>

<td>3anpoc на noHCK</td><td><input name="search" type="search"x/td>

</tr>

</table>

<br>

<input type="submit" value="Предъявить">

</form>

</body>

</html>

Комментарии закрыты