10.表单<form></form>
表单用于提交数据,网页中的表单用于将本地的数据提交给远程的服务器。属性①action,指定表单提交服务器的地址;②autocomplete属性,属性值为on、off,为开启或关闭自动补全(历史记录),也可以直接写到各个分标签中;
添加表单项
(1)文本框<input type="text" name="">
*数据提交到服务器中,必须要为元素指定一个name属性; readonly,将表单项设置为只读,数据会提交;disable将表单项设置为禁用;autofocus,设置表单项自动获取焦点
(2)提交按钮<input type="submit" value="">,属性value可以修改文字
(3)密码框<input type="password" name="password">
(4)单选按钮<input type="radio" name="choose">
*必须指定value属性;如果只能选定一个选项,多个单选按钮必须有同一name值;checked属性,可以将单选按钮设置为默认选中,可以只写属性名。
(5)多选框
(6)下拉列表
*默认选中使用selected
(7)普通按钮button,用处就是可以被点,没有其他效果,但是可以用js设置。
(8)重置按钮reset,将表单中的数据重置
*也可以利用button实现提交、重置、普通按钮,唯一不同点input是自结束标签,button是成对出现的,所以button更灵活,用的更多。
(9)颜色选择器,<input type="color">
(10)邮箱框<input type="email">,特点是格式不正确时会有提示