H5属性变化2(表单属性autocomplete、autofocus、multiple和其他属性)

最新推荐文章于 2025-02-17 22:15:00 发布

蔡蔡动起来

最新推荐文章于 2025-02-17 22:15:00 发布

阅读量1.9k

点赞数

分类专栏： h5 文章标签： h5属性变化表单属性其他属性

本文链接：https://blog.csdn.net/weixin_40512519/article/details/82850242

版权

h5 专栏收录该内容

6 篇文章

订阅专栏

autocomplete属性：默认on。退出之后输入内容消失，双击有记录。

<form action="9.html" autocomplete="on">
    <input type="text" name="text"/>
    <input type="submit"/>
</form>

autocomplete可以放在form上面也可以放在input上面。

<form action="9.html" autocomplete="on">
    <input type="text" name="text"/>
    <input type="email" name="email" autocomplete="off"/>
    <input type="submit"/>
</form>

autofocus属性：不用用户按鼠标就可以直接聚焦。适用于所有<input>标签的类型。

<input type="text" name="text" autofocus="autofocus"/>

multiple属性：输入域中可选择多个值。适用于Email和file.

<input type="file" multiple="multiple"/><!--可以上传多个文件-->
<input type="email" name="email" multiple="multiple"/><!--可以加多个Email，用;隔开-->

placeholder属性：适用于<input>标签type属性值为text、search、url、tele、email、password。

required属性：适用于<input>标签type属性值为text、search、url、tele、email、password、date pickers、number、checkbox、radio、file。

其他属性：

链接属性：

sizes:

<!--根据不同的分辨率引用不同的size来控制清晰度-->
<link rel="icon" href="icon.gif" type="image/gif" size="16*16"/><!--gif、png、gif-->

target:

<!--base标签写在<head></head>标签内-->
<base href="http://localhost/" target="_blank"/><!--不加target属性默认_self-->

超链接：

a:media=""(表示对设备进行优化，handheld对“手持”设备进行支持，tv对“电视”设备进行支持)

a:hreflang="zh"(设置语言，这里设置的是中文)

a:rel="external"(设置超链接的引用，外部链接)

script标签的属性：

defer:加载完脚本后并不执行，而是等整个页面加载完之后再执行。只能在IE浏览器下运行。

<script defer="defer" src="URL"></script>

async:记载完脚本后立刻执行，不用等整个页面都加载完，属于异步执行。兼容一切主流的浏览器。

<script async="async" src="URL"></script>

ol:有序列表。

start:从几开始。reversed倒序。

<ol start="2">
    <li>HTML5</li>
    <li>html</li>
    <li>css</li>
    <li>css3</li>
    <li>js</li>
</ol>

<ol start="2" reversed="reversed">
    <li>HTML5</li>
    <li>html</li>
    <li>css</li>
    <li>css3</li>
    <li>js</li>
</ol>

html:

manifest="cache.manifest"(定义页面离线应用文件)

<html manifest="cache.manifest"></html>

style:不提倡这样写。

scoped:内嵌css.可以写在任何位置，里面写css代码。