`

HTML5 标签Email等 (自动验证格式)

阅读更多

谷歌Chrome浏览器。在Windows的【开始】-->【运行】中输入以下命令,启动谷歌浏览器,即可模拟相应手机的浏览器去访问3G手机网页:

  谷歌Android:

chrome.exe --user-agent="Mozilla/5.0 (Linux; U; Android 2.2; en-us; Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1"


  苹果iPhone 4:

chrome.exe --user-agent="Mozilla/5.0 (iPhone; CPU iPhone OS 5_0_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Mobile/9A405"


  苹果iPad 2:

chrome.exe --user-agent="Mozilla/5.0 (iPad; CPU OS 5_0_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Mobile/9A405"


  诺基亚N97:

chrome.exe --user-agent="Mozilla/5.0 (SymbianOS/9.4; Series60/5.0 NokiaN97-1/20.0.019; Profile/MIDP-2.1 Configuration/CLDC-1.1) AppleWebKit/525 (KHTML, like Gecko) BrowserNG/7.1.18124"

HMTL5里面的type属性中,来选择你验证的类型.

 

1.Email输入框,自动验证Email有效性。

 

<!DOCTYPE HTML>
<html>
<body>
<form action="#" method="get">
E-mail: <input type="email" name="user_email"/><br />
<input type="submit"/>
</form>
</body>
</html>     

  

2.number数字输入,验证正确,可以设置开始结束位。

<!DOCTYPE HTML> <html> <body> <form action="#" method="get"> <input type="number" step="5" min="5" max="20" name="number" value="0"/> <input type="submit"/> </form> </body> </html>


3.URL输入框,可以验证URL输入的有效性。

<form action="#" method="get"> URL: <input type="url" name="user_email"/><br /> <input type="submit"/> </form>

4.Date pickers (date, month, week, time, datetime, datetime-local)选择框,可以选择日期,时间,月,周。

<!DOCTYPE HTML>
<html>
<body>
<form action="#" method="get">
Date: <input type="date" name="user_email"/>
month : <input type="month" name="user_email"/>
week: <input type="week" name="user_email"/>
time: <input type="time" name="user_email"/>
datetime: <input type="datetime" name="user_email"/>
datetime-local : <input type="datetime-local" name="user_email"/>
<input type="submit"/>
</form>
</body>
</html>

 


 

5.datalist输入选择。

 


<!DOCTYPE HTML> <html> <body> <form action="#" method="get"> Webpage: <input type="url" list="url_list" value="fdf" name="user_email"/> <datalist id="url_list"> <option label="W3School" value="http://www.w3school.com.cn"/> <option label="Microsoft" value="http://www.microsoft.com"/> </datalist> <input type="submit"/> </form> </body> </html>

 



  


  
分享到:
评论

相关推荐

    jQ表单万能验证插件 vf-validate.js

    1.vf-cate (可选)元素表单类型,可自动验证;支持:text,number,email,hidden,password,textarea,select,date,checkbox,radio 等 2.vf-type (必填)验证类型[可多个,用 "|" 进行分割],支持:empty(为...

    HTML+CSS及表单知识 软件条件:VSCode、Goole浏览器

    3 、使用input标签的email类型实现电子邮箱验证 4 、使用input标签的autocomplete属性实现内容自动记忆补全 步骤: 步骤一:首先建立一个div-contain,里面放背景图片div-pic、标语div-topic和注册框div-sign三个...

    Email Exporter-crx插件

    *将结果保存到文件中或通过身份验证将其发布到URL。 *快速简便的提取器! 只需单击扩展名图标即可自动提取当前网页上显示的所有电子邮件地址和电话号码。 可以将“电子邮件导出器”配置为在html或文本中查找匹配数据...

    Python的Django框架中forms表单类的使用方法详解

    Field:Form对象中的一个字段,如:EmailField表示email字段,如果这个字段不是有效的email格式,就会产生错误。 Form:一系列Field对象的集合,负责验证和显示HTML元素 Form Media:用来渲染表单的CSS和Java

    深入浅出Struts 2 .pdf(原书扫描版) part 1

    JSP允许Java代码和HTML标签混杂在一起以简化页面的编辑工作,所有的改动无需重新进行编译:某个页面修改后,将在第一次被调用时自动编译。JSP里的Java代码段称为scrilmlet。 允许Java代码乘HTML混杂在一起的办法乍看...

    动感下载系统(MeskyDMS) v3.0 Build 050507

     5、多级管理员权限管理,允许您灵活的控制管理员的权限。  6、模板体系:前台页面设计(模板)和程序完全分离。使得站长不用再为程序会影响模板而发愁。在线添加,修改,删除,复制模板操作,提供可视化...

    动易专业版——Upgrade_SiteFactory.Professional_2.5.2.0-2.5.3.0的升级包

    ●“显示图片”标签中DIV格式有错误。 ●“一列式模板分页”标签问题。 ●“通用信息列表”标签中的信息不能按使用设定的专题数组参数显示。 ●“当前位置导航”标签出错。 ●“内容信息列表”标签设置...

    超实用的jQuery代码段

    2.10 如何从元素中除去HTML标签 2.11 如何限制文本域中字符的个数 2.12 如何选中页面上的所有复选框 2.13 禁用表单的回车键提交 2.14 禁用右键单击上下文菜单 2.15 IE下禁用文本选择功能 2.16 输入框获取焦点时文本...

    xheditor v1.0.0 rc2 build 100401

    调整:为兼容电驴、快播等特殊URL,超链接、图片、FLASH和多媒体4个按钮的批量插入分隔符,由原先的“|”变更为制表符(\t) 调整:编辑器初始化代码由原先的xheditor(true,参数)精简为xheditor(参数)

    jeecms v3.0.1 开源jsp网站管理系统.rar

    · 基于java技术开发,继承其强大、稳定、安全、高效、跨平台等多方面的优点 · 采用hibernate3 spring mvc spring2 freemarker主流技术架构 · 懂html就能建站,提供最便利、合理的使用方式 · 强大、灵活的标签,...

    易想最新升级包V4.0

    5.添加是否允许不同等级的会员查看会员的联系信息功能等 6.添加竞价排名功能,会员可以就关键词进行竞价。 V2.1 版升级说明 time:2007-04-30 1.网站各首页自动更新信息与相关时间间隔设置(网站首页,我要采购,我要...

    网际畅游 MyIE 3.0 源代码

    自适应标签会根据标签数量自动调整标签的宽度,使他们尽量保持在一行内。 图标化的进度显示: 在浏览时每个标签旁都有一个小图标来显示该页当前的下载进度。 当图标为白色时进度在0%-25%之间,当蓝色区域占四分...

    电子商务商城网站代码

    界面上包括:购物排行,可包括最佳购物 产品最佳 环境最佳 服务最佳等,但点评的选项和后台可以添加、扩展,有分类标签标注功能,可以按标签查找相关的商品点评;每个商品点评都包括详情 | 回应 | 鲜花 | 举报功能,...

    价值680元的2012吉林信息网VIP6红色版本

    13.新增 META标签-描述信息 META标签-关键字 网站简介等网站被搜索引擎收录优化自定义功能。 14.新增 备案号 网站统计代码自定义功能。 15.新增非法关键字,垃圾关键字过滤屏蔽功能。 16.新增上传图片集中管理...

Global site tag (gtag.js) - Google Analytics