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

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

Pdf көрінісі

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

1 ... 117 118 119 120 121 122 123 124 ... 232

АТРИБУТ LIST И
Рис . 3 .10 .

108 • Глава 3
Н
ОВЫЕ АТРИБУТЫ
Помимо новых типов ввода данных, в HTML5 определен ряд новых атрибутов для элемента
<
input>
, отвечающих за его поведение и ограничения:
autocomplete
,
min
,
max
,
multiple
,
pattern
и
step
. Есть еще один атрибут —
list
; он присоединяется к новому элементу, по-
зволяя использовать новый метод ввода данных.
АТРИБУТ LIST И
Сочетание элемента

с атрибутом
list
и элементом

дает комбиниро-
ванное поле — комбинацию раскрывающегося списка и текстового поля из одной строки.
Оно позволяет пользователям вводить свой собственный текст, если их не устраивают
предложенные в списке варианты.
Список создается внутри нового элемента

,
id
которого указывается в качестве
значения атрибута
list
.

Сам

не отображается, но появляется в виде значений поля, похожего на поле
выбора.
В предыдущем примере
type=text
делает возможным ввод произвольного текста; но

можно использовать и с другими типами ввода данных, например
url
и
email
.
Многие спрашивают, почему пара

/

не объединена в один элемент, как,
например,

/

превращается в

type=text>
, благодаря чему
пользователь может хотя бы что-то ввести, а вы уже можете дополнить реализацию с по-
мощью JavaScript.
Джереми Кейт приводит отличный пример подобной обратной совместимости в статье по
адресу
http://adactio com/journal/4272/
(воспроизвожу ее с его разрешения):
How did you hear about us?

If other, please specify:

Формы • 109
Обратите внимание, что мы обрамили элементы

1 ... 117 118 119 120 121 122 123 124 ... 232