input 新增类型
email/url/number/range/Date picker/search/color/tel
Date picker
Date--选取日、月、年
Month--选取月、年
week--选取周、年
Time--选取时间(小时和分钟)
Datetime--选取时间、日、月、年(UTC时间)
Datetime-local--选取时间、日、月、年(本地时间)
例子:
姓名:<input type='name'><br>
性别:<input type='radio' value='男'>男<input type='radio' value='女'>女<br>
出生日期:<input type='date' name='date'><br>
出生月份:<input type='month' name='month'><br>
出生周数:<input type='week' name='week'><br>
<input type='button' value='提交'>
range/search/color
<p>请选择您需要的数值 ,数值的范围是最大100,最小10:</p>
<input type='range' min='10' max='100' >
<!-- 补充代码 -->
<br><br>
<span>请选择您喜欢的颜色 :</span>
<input type='color'>
<!-- 补充代码 -->
<br><br>
<span>请输入要搜索的内容 :</span>
<input type='search'>
表单属性
autocomplete/autofocus/multiple/placeholder/required
autocomplete //输入框提示之前输入的内容
<form action="index.html" autocomplete="on">
用户名:<!-- 补充代码 -->
<input type="text" name="text">
<br><br>
邮箱:<!-- 补充代码 -->
<input type="email" name="email" autocomplete="off">
<br><br>
手机号码:<!-- 补充代码 -->
<input type="number" name="number" autocomplete="off">
<br><br>
<input type="submit">
</form>
autofocus //打开页面后,可以马上输入内容,不需要再点击输入框再输入
用户名:<input type="username" name="username" autofocus="autofocus">
<br>
请输入密码:<input type="password" name="password">
multiple //选择多个文件或者内容,在email内设置,用逗号分开邮箱
<input type="email" multiple="multiple">
<input type="file" multiple="multiple">
<input type="submit">
placeholder // 文本输入前有提示框,提示输入的内容,输入错后,旁边会有一个X可以删除所有
<input type="text" placeholder="输入用户名"><br>
<input type="password" placeholder="输入密码"><br>
<input type="text" placeholder="搜索内容">
required //规定必须在提交之前填写输入域(不能位空)
<input type="password" required="required"><br>
链接属性
<link>的sizes属性/<base>的target属性/超链接<a>
<link rel="icon" href="icon.gif" type="image/gif" sizes="16x16">
<base href="http://localhost/" traget="_blank"> //在heard 之间 可以使网页下所有a标签不用输入那么多路径的名字,直接输入名字即可
a:media="" //表示对设备进行优化,handheld对“手持”设备进行支持,TV对“电视”设备进行支持
a:hreflang="zh" //设置语言
a:rel="external" //设置超链接的引用,这里超链接为外部链接
其他属性
script/ol/html/style
script
defer:加载完脚本后并不执行,而是等整个页面加载完后再执行 只兼容IE
<script defer="defer" src="url"></scritp>
async:加载完脚本后立刻执行,不用等整个页面都加载完,属于异步执行 兼容主流浏览器
<script async="async" src="url"></scritp>
ol start 起始值 reversed倒序排列
<ol start = "5" reversed = "reversed">
html/style //将文件下载到本地
<html manifest="cache.maniest">
<style scoped>
</style>