HTML5智能表单.pptxVIP

  1. 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
  2. 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  3. 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  4. 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  5. 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  6. 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  7. 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
HTML5智能表单

智能表单设计 内容 新输入类型 新元素 客户端校验 表单类型历史 1995年HTML2开始提出 交互性的基础 3 新的输入类型 为了配合用户输入,date,color,range 4 各种新类型 email url number range Date pickers (date, month, week, time, datetime, datetime-local) search color 5 Input Type - email 自动校验输入的是否是email Microsoft Confidential 6 E-mail: input type=email name=user_email / Input Type - url 自动将提交数据变为Url 7 Homepage: input type=url name=user_url / Input Type - number 输入数字 8 属性 类型 描述 max number 最大值 min number 最小值 step number 步进修改值 value number 初始值 Points: input type=number name=points min=1 max=10 / Input Type - range 选择一个范围内的数字 9 属性 类型 描述 max number 最大值 min number 最小值 step number 步进修改值 value number 初始值 input type=range name=points min=1 max=10 / Input Type - Date Pickers date - Selects date, month and year month - Selects month and year week - Selects week and year time - Selects time (hour and minute) datetime - Selects time, date, month and year (UTC time) datetime-local - Selects time, date, month and year (local time) 10 Input Type - search 搜索内容 Input Type - color 选择一种颜色,以RGB方式记录显示 Color: input type=color name=user_color / Forms的新属性 Autofocus Placeholder Required input type=search name=query autofocus input type=email name=email id=email placeholder=user@ 新属性 属性 值 描述 autocomplete on/off 是否自动补完这一文本框 autofocus autofocus 是否自动设置焦点,如果类型是hidden则不可 form formname 说明一个文本框属于某一个form formaction URL 本文本框将要被提交到何处去 formenctype application/x-www-form-urlencoded multipart/form-data text/plain 指定发送的时候的编码方式 formmethod Post/get 指定提交方式 formtarget _blank/_self/_parent/_top/framename 提交结果显示位置 新属性 属性 值 描述 height Pixels/% Defines the height of an input (for type=image) list datalist-id 输入选择项 multiple multiple 允许多项 pattern 正则表达式 pattern=“[0-9]” ,用正则格式化输入 width Pixels/% 定义图片的宽度 meter 为了显示进度 属性 值 Form number High number Low number Max number Min number Optimum number value number meter value=2 min=0 max=102 out of 10/meterbr / meter value=0.660%/meter progress 显示进度条 progress value=22 max=100 /progress datalist 自动实现下来选择输入 input list=cars / datalist id=cars   optio

文档评论(0)

yan698698 + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档