web.jpeg
常用的新标签
<header>页面的头部</header>
<nav>语义：导航条</nav>
<article>语义：文章</article>
<section>语义：部分 区块 </section>
<aside>语义：定义侧边栏</aside>
<footer>语义：页面的底部</footer>
<datalist>语义：定义下拉列表 和 input搭配使用</datalist>
<fieldset>语义：可将表单内的相关元素分组，打包，legend搭配使用</fieldset>
image.png
datalist
<input type="text" list="starts">
<datalist id="starts">
<option value="刘德华"></option>
<option value="成龙"></option>
<option value="李连杰"></option>
</datalist>
image.png
-
fieldset将表单元素分组，打包标签
<fieldset>
<legend>用户登录</legend>
用户名:<input type="text"><br><br>
密码:<input type="password">
</fieldset>
image.png
- 新增表单
input的 类型（type）-
type="email"输入邮箱的格式 -
tel输入手机号的格式 -
url输入URL格式 -
number输入数字的格式 -
search搜索框语义话 -
range自由拖动的滑块 -
time小时分钟 -
date年月日 -
datetime时间 -
month月年 -
week星期 -
color颜色
-
<form action="">
邮箱 <input type="email">
</form>
新属性
-
placeholder占位符 和autofocus自动获取焦点
<input type="text" placeholder="输入。。。" autofocus>
-
multiple可选择多个文件 上传
上传文件:<input type="file" multiple>
-
autocomplete表单是否启用自动完成功能，自动记录，必须提交过一次，在下次输入的时候 会自动填充提示
1.需要提交按钮 2.name值
<form action="">
<input type="text" autocomplete="on" name="subname"><br>
<input type="submit">
</form>
image.png
-
required必须填
<input type="text" required>
<input type="submit">
image.png
