文档章节

Html5 input表单更新

IrisHuang
 IrisHuang
发布于 2018/08/31 18:26
字数 418
阅读 21
收藏 0

Html提供了很多新的表单输入类型

  • email IE不支持 输入域必须包括e-mail的地址,在提交表单时,会自动验证email域的值;
  • url 输入域是包含URL地址
  • number 用于应该包含数值的输入域:可以设置min和max,step,number ;
  • range 用于应该包含一定范围内数字值得输入域,类型为滑动条
  • Date pickers 日期选择
  • search 用于搜索域,比如站点搜索或google搜索
  • color

新的表单元素

  • datalist 规定输入域的选项列表,在实现选择框的时候很强大 只兼容Oprea
  • keygen
  • output

新的form属性

  • autocomplete
  • novalidate 属性规定在提交表单时不应该验证 form 或 input 域。

新的input属性

  • autocomplete 各浏览器支持性良好 规定input域应该有自动完成功能;
  • autofocus 规定页面在加载的时候,域自动得获得焦点,意思就是页面一加载完成,光标|会自动定位到框中,等待输入;不支持IE和FF;
  • form 规定所属表单,可能没有写在form中,但是仍属于该form;
  • overrides
  • height和width 各浏览器支持性良好
  • list
  • min,max和step
  • multiple
  • pattern 规定用于验证 input 域的模式
  • placeholder
  • required 属性规定必须在提交之前填写输入域

© 著作权归作者所有

IrisHuang
粉丝 3
博文 68
码字总数 39102
作品 0
武汉
前端工程师
私信 提问
开始使用HTML5和CSS3验证表单

本文转载于:猿2048网站➯开始使用HTML5和CSS3验证表单 使用HTML5和CSS3验证表单 客户端验证是网页客户端程序最常用的功能之一,我们之前使用了各种各样的js库来进行表单的验证。HTML5其实早已...

前端老手
09/10
12
0
HTML5编程之旅 第4站 Forms

涉及到Web开发的,肯定要涉及到HTML表单,本节将带你走入HTML5表单的世界。 一、HTML5 Forms概述 熟悉HTML表单的开发人士,可以很容易的适应HTML5 Forms的新增功能。 XFomrs是一个以XML为核心...

倪伟伟
2014/02/27
251
1
HTML5 学习之三 web worker,server-send,表单属性

HTML5 Web Workers 一般情况下,当在HTML页面中执行脚本时,页面的状态是不可响应的,知道脚本已经完成。 Web worker是运行在后天的JavaScript,独立于其他脚本,不影响页面的性能,开放者可...

Drealin
2012/09/10
2.3K
13
全新改进的 HTML5 表单创建

经历了12年之久,万维网的核心语言(HTML或超文本标记语言)终于迎来了HTML5主要修订版本。虽然万众期待的版本仍处于测试阶段并且没有宣布正式推出的日期,HTML5的网页设计师和程序员已经就有...

小卒过河
2011/07/23
4.2K
16
超酷HTML5和CSS3实现的登录及其注册功能表单

日期:2012-4-6 来源:GBin1.com 在线演示 本地下载 过去我们开发登录和注册功能大都使用javascript来实现,今天我们介绍的这个登录及其注册表单不走常人路,使用纯CSS3和HTML5来实现同样的功...

gbin1
2012/04/10
205
0

没有更多内容

加载失败,请刷新页面

加载更多

CSS3 : transition 属性

本文转载于:专业的前端网站➧CSS3 : transition 属性 CSS3的 transition 属性用于状态过度效果! 1、语法: 1 transition: property duration timing-function delay;2 -moz-transition: ...

前端老手
23分钟前
5
0
一个简单的加密工具,性能貌似不行,待优化

一个简单的加密工具,性能貌似不行,待优化 package com.kxvz.common.crypt;import javax.crypto.Cipher;import javax.crypto.KeyGenerator;import javax.crypto.SecretKey;import java.i......

Kxvz
25分钟前
4
0
vue实现路由懒加载

一、为什么要实现懒加载 减少首屏加载时间,避免白屏 二、常用的懒加载方式有两种:即使用vue异步组件 和 ES中的import a、vue异步加载: import Vue from 'vue' import Router from 'vue-ro...

Bing309
28分钟前
5
0
axios拦截器

axios.interceptors.response.use(response => { if (response.data.code == 0) { return response.data } else if (response.data.code == 600) { Cookies.remove('Admin-Token') router.pu......

Cyoya
30分钟前
5
0
给大家分享下部署云桌面的几个小技巧

从去年4月份开始我们公司就开始使用云桌面来进行上网办公的,在这一年多的使用过程中并没有出现像网上和有些用户说的那样,说云桌面各种坑老是出现这样和那样的问题,而我们之所以用的还不错...

GZASD
30分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部