大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这篇“HTML5新表单属性有哪些”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“HTML5新表单属性有哪些”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的慢慢理解,接下来就让我们进入主题吧。
创新互联专注于新源企业网站建设,响应式网站,购物商城网站建设。新源网站建设公司,为新源等地区提供建站服务。全流程定制网站开发,专业设计,全程项目跟踪,创新互联专业和态度为您提供的服务html是什么html的全称为超文本标记语言,它是一种标记语言,包含了一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体,html文本是由html命令组成的描述性文本,html命令可以说明文字,图形、动画、声音、表格、链接等,主要和css+js配合使用并构建优雅的前端网页。
新表单属性autocomplete(自动完成)最完整的表单属性可以通过查阅w3cschool-h6表单属性获取,这里仅针对常见属性讲解
能够记录用户的输入,并且给予提示,这就是
autocomplete
的作用
取值:
on:开启
off:关闭
适用情况:
一般用在input标签中
示例代码:
Title
使用注意:
标签需要添加name
属性
只有提交了一次以后才会出现提示
当某一页有很多个可供输入的元素时,用户需要使用鼠标点选元素进行输入,为了提升用户体验,我们可以通过
autofocus
属性来指定页面中默认选中的元素
使用方法:
需要哪个表单元素
获得焦点,只需要添加该属性即可
不需要赋值,只需要添加属性即可,见示例代码
示例代码:
Title
使用注意:
在没有该属性之前,能够使用JavaScript
来指定元素
如果页面中多个元素设置了该属性,最后一个会获得焦点
当我们想要提交数据时,需要把
表单元素
放到对应的form
标签中,这个属性的出现让表单元素
的放置位置不在受到约束
使用方法:
想要某个表单外
元素跟该表单
建立联系,只需要为元素添加属性form="表单id"
设置为想要建立联系的表单id
即可
示例代码
让表单外输入爱好的input
标签跟id为userForm
表单建立联系
Title
使用注意:
虽然这个属性可以让元素的放置位置不在成为限制,但是编码时依旧建议,将元素放置到对应的表单中,除了兼容性问题以外,也为了提升代码的可读以及可维护性
如果想要在某个
input
标签中选择多个值,可以使用该属性
适用情况:
该属性可以用在type为file
标签内
示例代码
选择多文件时,需要按住ctrl
按钮
输入元素内默认显示一些提示信息,当用户输入之后自动消失,这种效果我们需要使用
JavaScript
来实现,知道出现了placeholder
这个属性
使用方式:
直接为该属性赋值想要提示的内容即可
适用情况:
想要不通过JavaScript
来实现提示功能
示例代码:
placeholder.png
显示效果如下
datalist除了在input标签中增加了一些新的
type
属性以外,H5
也推出了一些新的表单元素,由于浏览器的兼容问题,使用频率并不广,了解即可 w3cSchool_新表单元素
该元素规定了输入区域的选项列表,可以让用户有一些选项
测试代码:
注:测试代码只是body
内部的代码
网址: 电话:
datalist:
id:id属性,想要使用该datalist
的元素需要通过list=id
的方式来指定
option:
value:指定具体的值
label:提示信息
注意:
如果input的type为url
,option
中对应的value需要使用http://
开始
keygen 元素是密钥对生成器(key-pair generator)。当提交表单时,会生成两个键,一个是私钥,一个公钥。
私钥(private key)存储于客户端,公钥(public key)则被发送到服务器。公钥可用于之后验证用户的客户端证书(client certificate),即实现非对称加密
目前,浏览器对此元素的糟糕的支持度不足以
使其成为一种有用的安全标准。
使用频率:低
属于新的语义标签:用来放置输出的内容,但是不能自动的计算结果,依旧需要通过js的方式来动态修改结果,只是相比于其他的标签,
语义性更强
。
使用频率:低
以上是“HTML5新表单属性有哪些”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联网站制作公司行业资讯频道!