Wulin.com (www.vevb.com) Введение статьи: Недавно добавленное приложение типа времени для ввода.
Сегодня веб -сайт обучения приведет вас к тому, чтобы оценить новые функции HTML5. Применение ввода тега в HTML5 было недавно добавленным типом времени. Если формат, введенный в следующие поля ввода, неверен, его нельзя отправить.
Примечание. Этот тип ввода эффективен в Opera10+, но он не очень хорош в Chrome, и внешний вид зависит от браузера.
1. Тип даты:
<форма>
<input id = webjx_date name = webjx.com type = date/>
<input type = отправить значение = отправить/
</form>
Если бы мы использовали JS+CSS+DOM раньше, мы могли бы достичь эффекта выбора дат в календарях. В HTML5 нам нужно только установить ввод в тип ввода, и нам не нужно проверять данные при отправке формы, это помогло нам реализовать его.
Эффект работы заключается в следующем:
2. Тип времени:
<форма>
<input id = webjx_time name = webjx.com type = time/>
<input type = отправить значение = отправить/
</form>
Этот тип представляет собой текстовое поле, специально используемое для ввода времени, проверяя, было ли введено действительное время при отправке.
Эффект работы заключается в следующем:
3. DateTime Type:
<форма>
<input id = webjx_datetime name = webjx.com type = datetime/>
<input type = отправить значение = отправить/
</form>
Входной элемент типа DateTime - это текстовое поле, специально используемое для ввода дат и практики UTC. Во время подачи дата и время проверяются эффективно.
Эффект работы заключается в следующем:
4. DateTime-Local Type:
<форма>
<input id = webjx_datetime-local name = webjx.com type = datetime-local/>
<input type = отправить значение = отправить/
</form>
Этот тип похож на тип данных, но используется для ввода локальной даты и времени.
Эффект работы заключается в следующем:
5. Месяц тип:
<форма>
<input id = webjx_month name = webjx.com type = month/>>
<input type = отправить значение = отправить/
</form>
Месяц - это текстовое поле, которое специально входит в месяц. В календаре вы можете выбрать только определенный месяц, а не определенный день.
Эффект работы заключается в следующем:
6. Тип недели:
<форма>
<input id = webjx_week name = webjx.com type = week/>
<input type = отправить значение = отправить/
</form>
Week - это текстовое поле, специально используемое для входа в неделю (неделя), а число, за которым следует W, указывает, сколько недель на этой неделе в этом году. Вы можете выбрать только одну неделю в календаре, и вы не можете выбрать определенный день.
Эффект работы заключается в следующем:
HTML5 преуспел в этом отношении. Что касается определения стиля, все могут обсудить его здесь!