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

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

Pdf көрінісі

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

1 ... 113 114 115 116 117 118 119 120 ... 232

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

ТИП ВВОДА ДАННЫХ WEEK
Рис . 3 .5 . в Opera ТИП ВВОДА ДАННЫХ NUMBER
Рис . 3 .6 .

ТИП ВВОДА ДАННЫХ WEEK

type=week>
позволяет вводить номер недели и выполняет проверку введенных
данных. Хотя это может выглядеть как простое поле, позволяющее пользователю вводить
число, на практике все оказывается сложнее: в некоторых годах 53 недели. Поэтому для
седьмой недели 2010 года используется формат 2010-W07.
Opera позволяет открыть пользовательский интерфейс выбора даты и помещает в поле
ввода номер недели, соответствующий любой выбранной дате, а не дате в формате YYYY-
MM-DD (рис. 3.5).
Рис . 3 .5 .

в Opera
ТИП ВВОДА ДАННЫХ NUMBER
Как это ни удивительно, но тип ввода данных
number
выдает ошибку, если пользователь
не ввел численные символы. Он не предназначен для ввода номеров телефона, так как их
часто указывают с пробелами, скобками, значком плюса, дефисами и т. п.; используйте для
телефонов

type=tel>
.
Он прекрасно работает с атрибутами
min
,
max
и
step
. В Opera и Chrome он выглядит как
счетчик, значения которого можно ограничить сверху и снизу, а шаг задается с помощью
атрибута
step
; при этом пользователь может ввести число с клавиатуры (рис. 3.6). Стрелки
счетчика находятся за пределами поля ввода в Opera, но внутри этого поля в Chrome.
В спецификации ничего не говорится относительно того, как должен выглядеть пользова-
тельский интерфейс этих новых элементов управления.

Рис . 3 .6 .
Способ визуализации
в Opera (слева) и Chrome (справа)
В настольных браузерах, не предлагающих для числовых данных особый пользовательский
интерфейс, возникает неприятная ситуация. В настоящее время ввод буквенных симво-

106 • Глава 3
лов в поля
type=number
в Opera и Chrome не приводит к ошибке валидации. По-моему,
такое поведение не согласуется с логикой. Подобное случается из-за того, что браузер не
занимается проверкой введенных данных — он даже не заменяет текущее значение поля
введенными пользователем нецифровыми символами. К сожалению, пользовательский
интерфейс предполагает, что вы ввели буквы и они были одобрены.

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

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

1 ... 113 114 115 116 117 118 119 120 ... 232