HTML基础（五）-正文内容4

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">，特点是格式不正确时会有提示