HTML5 за 10 минут

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


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

В HTML5 поддерживаются также элементы управления вводом адреса электронной почты. Для создания такого элемента управления выполните следующие действия.

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

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

<!DOCTYPE html>

<html>

<head>

<title>

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

</head>

<body>

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

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

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

<tr>

<td>3neKTpoHHaH no4Ta</td><td><input name="email" type="email"></td>

</tr>

</table>

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

</form>

</body>

</html>

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

Браузер попытается отформатировать текст, введенный в поле данного элемента управления, в общепринятом формате адреса электронной почты. Если же это не удастся сделать, он выдаст сообщение об ошибке, как показано на 4.3.

Создание элементов управления вводом пределов и числовых значений

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

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

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

<!DOCTYPE html>

<html>

<head>

<title>

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

</head>

<body>

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

<form method="post" action="webforms.php"> <table border="l" cellpadding="5">

<tr>

<tr>

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

</tr>

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

</tr>

</table>

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

</form>

</body>

</html>

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

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