Можностей, предоставляемых веб-разработчикам

К АК СОБРАТЬ ВСЕ ЭТО ВМЕСТЕ

жүктеу/скачать 5,47 Mb.

Pdf көрінісі

бет	128/232
Дата	06.01.2022
өлшемі	5,47 Mb.
	#12231

1 ... 124 125 126 127 128 129 130 131 ... 232

Байланысты:
[Bryus Louson, Remi SHarp] Izuchaem HTML5. Bibliot(z-lib.org)

ФОРМА КОММЕНТАРИЯ БЛОГА

К
АК СОБРАТЬ ВСЕ ЭТО ВМЕСТЕ
Достаточно сложно разобраться, к каким типам ввода данных относятся те или иные атри-
буты, особенно когда вы знакомитесь со всеми ними одновременно (как в данном случае).
Но когда вы начнете их использовать, все встанет на свои места. К примеру, ясно, что для

<br /> нельзя <a href="/urok-1-f-i-o-pri-ego-nalichii-pedagoga-data.html">использовать 
</a><br />min
<br /> и 
<br />max
<br />, потому что это бессмысленно, а 
<br />required
<br /> — 
<br />можно.
<br /><b><span id='ФОРМА_КОММЕНТАРИЯ_БЛОГА'>ФОРМА КОММЕНТАРИЯ БЛОГА</span></b>
<br />Давайте рассмотрим классический пример формы, с которой знаком каждый. Практически 
<br />во всех блогах <a href="/head-nurse-14-kommentariev.html">есть раздел комментариев</a>, в котором есть поля для имени пользователя, 
<br />оставившего комментарий (обязательное), адреса его электронной почты (обязательное), 
<br />URL (не обязательное) и самого комментария (обязательное). Если бы мы создавали вали-
<br />дацию вручную, нам потребовалось бы написать много JavaScript-кода.
<br /></div>  <style type="text/css"> </style> <hr /><div id="page115-div" >  
<br />Формы<b>  •  115</b>
<br />Впрочем, в HTML5 требуется всего лишь несколько новых типов форм. Кроме того, мы 
<br />добавим кнопку отправки формы — в <a href="/tema-1-yaziki-i-obrazovanie-programma-trehyazichiya-v-kazahsta.html">настоящее время в Opera процесс</a> валидации полей 
<br />происходит только после отправки формы.
<br /><form>
<br />    <label for=form-name>Name</label>
<br />    <input name=form-name id=form-name type=text required>
<br />    <label for=form-email>Email</label>
<br />    <input name=form-email id=form-email type=email required>
<br />    <label for=form-url>URL</label>
<br />    <input name=form-url id=form-url type=url>
<br />    <label for=form-comment>Comment</label>
<br />    <textarea name=form-comment id=form-comment required>
<br />

Раз, два — и готово! У нас есть превосходная форма для отправки комментария, проверя-
ющая введенные данные, и никакого JavaScript!

жүктеу/скачать 5,47 Mb.

Достарыңызбен бөлісу:

1 ... 124 125 126 127 128 129 130 131 ... 232