HTML—表单标签

表单就是用来收集用户信息的

如果一个页面有多个表单，可通过设置name属性区分

格式：

              

                    <表单元素>

       
如果表单中有文件需要上传必须添加enctype属性，指定值为“multipart/form-data”用于文件转码

注意：在表单中用name属性来指定哪些标签的数据需要提交

---

表单元素：

1、  input标签的type取值（除按钮标签外，其他标签都可以通过value属性来指定提交到服务器的数据）

              单选框(radio)
                    单选按钮，天生是不互斥的，如果想互斥，必须要有相同的name属性

              多选框(checkbox)
                    复选框，最好也是有相同的name（虽然他不需要互斥，但是也要有相同的name）

              按钮
                      button、reset、submit、image（也属于提交类按钮）

  2、label标签

                平常我们在填写表格时，点击一下文字，相应的文本框就会聚焦，但是文本框和文字是没有关联关系的，如果想让他们绑定起来就要用到label标签

                  格式：

                    1、给文本框添加id属性

                    2、用label标签包括相应的文字

                    3、label有一个属性for，在for里面填写要绑定的标签到id值即可

                    如：

                            账号:

                           

3、datalist标签

                    作用: 给输入框绑定待选项

                    格式：

                           

                                      待选项内容

                           

                      例如：

请输入你的车型:

    奔驰

    宝马

    奥迪

    路虎

    宾利

4、下拉列表（select）
                    用于创建表单中的待选列表, 可以从选择某一个带选项海淀区昌平区朝阳区天河区白云区贵州
                     使用optgroup给下拉列表添加分组
                           选择籍贯

       

         
                    海淀区
                     昌平区
                    朝阳区
     

     

                    天河区
                    白云区
       

可以设置multiple="multiple"将单选变为可多选（需按住ctrl键）

5、button标签

请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 “button”，而其他浏览器中（包括 W3C 规范）的默认值是 “submit”。

type的取值：submit、reset、button
例如:重置

6、给表单元素外围添加边框：

        

   
                

health information

                用户名:
                密码: