一.练习

1.搞一个输入框
2.搞一个datalist列表
3.给datalist列表标签添加一个id
4.给输入框添加一个list属性,将datalist的id对应的值赋值给list属性即可

二.<form>

可以自动校验输入的内容是否符合邮箱的格式
邮箱:<input type="email">
可以自动校验输入的内容是否是URL地址
域名:<input type="url">
输入框只能输入数字
电话:<input type="number">
可以通过日历来选择时间
时间:<input type="date">
可以通过取色板来选择颜色
颜色:<input type="color">

三.select标签

作用:用于定义下拉列表

格式:

<select>
<optgroup label="分组名称">
<option>列表数据</option>
</optgroup>
</select>

注意点:

• 1.下拉列表不能输入内容,但是可以直接在列表中选择内容
• 2.可以通过给option标签添加一个selected属性来指定列表的默认值
• 3.可以通过给option标签包裹一层optgroup标签来给下拉列表中的数据分类

四.fieldset标签:

可以给表达添加一个边框
legend标签:可以给边框指定一个