Html5 属性变化

input 新增类型

  • email
<input type="email" name="email" />
  • url
只兼容iphone
<input type="url" name="url" />
  • tel
<input type="tel" name="tel" />
  • number
<input type="number" name="number" />
  • datepickers
    Date 选取日、月、年
    Month 选取月、年
    Week 选取周和年
    Time 选取时间(小时和分支)
    Datetime 选取时间、日、月、年(UTC时间)
    Datetime-local 选取时间、日、月、年(本地时间)

  • range

范围,默认0-100
<input type="range" name="range" min="1" max="10" />
  • search
<input type="search" name="search" />
  • color
<input type="color" name="color" />

表单新增属性

  • autocomplete
    form 或 input 域应该拥有自动完成功能
<form autocomplete="on/off"> </form>
<input type="email" name="email" autocomplete="off" />
  • autofocus
    规定页面加载时,域自动获得焦点
<input type="text" name="text" autofocus="autofocus" />
  • multiple
    规定输入域中可以选择多个值
multiple 适用于以下类型的<input>标签:email、file
<input type="file"  multiple="multiple" />
<input type="email"  multiple="multiple"> "A,B 提交时可以根据',' 分隔,提交时后端获取到数组类型"
  • placeholder
    提供一种提示(hint),描述输入域所期待的值
适用于<input> 标签type属性值为:
text, search, url, telephone, email, password
<input type="search" placeholder="Search Content" />
  • required
    不能为空, 必填
适用于<input> 标签type属性值为:
text, search, url, telephone, email, password, date pickers, number, checkbox, radio, file
<input type="text"  required="required" />

链接属性

  • sizes
    图标大小控制,分辨率不同
<link rel="icon" href="icon.gif" type="image/gif" sizes="16x16">
  • target
    <base>标签写在<head></head>标签内
    目标类型:_blank、_self、_parent、_top
<head>
      <base href="http://echowo.com" target="_blank">
</head>
  • 超链接
a:media="" 链接文档是何种媒介(表示对设备进行优化,handheld对"手持" 设备进行支持,tv对"电视"设备进行支持)

a:hreflang="zh" 链接文档的语言(设置目标页面语言,这里设置语言为中文)

a:rel="external" 当前文档与被链接文档之间的关系(设置超链接的引用,这里超链接为外部链接)

其它属性

  • defer
    加载完脚本并不执行,而是等整个页面加载完之后再执行(**只兼容IE浏览器**)
<script defer="defer" src="URL" ></script>
  • async
    加载完脚本后立刻执行,不用等整个页面都加载完,属于一步执行(**兼容主流浏览器**)
    对脚本进行异步加载,实现JavaScript双线程加载
<script async="async" src="URL" ></script>
  • ol 有序列表
    start --- 起始值
    reversed --- 倒叙排列
<ol start="4"  reversed="reversed">
    <li>html</li>
    <li>css</li>
    <li>php</li>
</ol>
  • html
    manifest = "cache.manifest" (定义页面离线应用文件)
<html manifest="cache.manifest" >
  • *style --- 不提倡使用
    scoped:内嵌css(可以写在任意位置,里面写css代码)
<style scoped>
...
</style>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。