900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > html5简介 选项输入框 表单元素分组 input新增属性及属性值

html5简介 选项输入框 表单元素分组 input新增属性及属性值

时间:2022-05-08 02:57:51

相关推荐

html5简介 选项输入框 表单元素分组 input新增属性及属性值

HTML5简介:

定义:HTML5号称下一代HTML,html的最新版本,定义了新的标签、css、JavaScript,html5新标签IE9以上版本浏览器才兼容,因此在实际开发中要问老板是否兼容低版本浏览器。

扩展内容:语义化标签、本地储存、兼容特性、2D 3D、动画 过渡、CSS3新特性、性能与集成

HTML5常用新标签:

HTML5标签多为语义化标签,主要是针对浏览器搜索引擎,IE9浏览器中主要将所有语义化标签都转化为块级元素,语义化标签在移动端支持比较好,后面会有更多语义化标签学习。

HTML5常用新标签:

datalist选项输入框:

此标签和input标签搭配可以实现input输入提示,注意:input标签中必须要有list属性,其值绑定的是datalist的id值,option标签中的value值不能为空,否则此功能失效。

<body><input type="text" value="输入科目" list="lis" ><datalist id='lis'><option value="科目1"></option><option value="科目2"></option><option value="科目3"></option><option value="科目4"></option></datalist></body>

fieldset表单元素分组:

此标签和legend标签搭配可以将表单内相关元素分组(外部用一个矩形的方框包裹)

<body><fieldset><legend>用户信息</legend> <!-- 矩形框边插入的文本信息,去掉此标签则为 封闭的矩形 --><input type="text" value="user"><br><input type="password" value="password"></fieldset></body>

html5中input标签的type属性新增属性值:

input中新增属性:

提示:本文图片等素材来源于网络,若有侵权,请发邮件至邮箱:810665436@联系笔者 删除。

笔者:苦海

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。