一.练习
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标签:可以给边框指定一个
网友评论