本篇文章主要介绍用如何用html标签制作表单实例，属于HTML中必须要掌握的知识点之一。感兴趣的朋友参考下，希望对大家有所帮助。

表单标签：form

表单标签的主要作用是：在HTML页面中创建一个表单，在用户填写完表单信息后，将数据提交给服务器。需要填写数据的标签必须要放在表单标签体里面。

常用的属性：
    action：请求路径，在该属性中确定表单数据提交的服务器地址。
    method：请求方式。常用的请求方式有：get，post。
        get（默认）：1.get的请求的数据有限
                    2.提交的表单数据是追加在请求的路径上，如：regist.action?username=jack&password=1111。
追加是在请求地址的后面加上?连接。之后每一对数据使用&连接。
        post：1.提交的数据不在请求路径上追加，不显示在地址栏上。
            2.理论上，post请求的数据量是无限的。

输入域标签：input

输入域标签用于获得用户输入的信息，type属性的值不同，获取的方式也就不一样。
    常用属性：
        type属性  
            text：文本框，单行输入字段，用户可以在其中输入文本，
            password：密码框，该输入框中的输入字符将会以黑圆显示。
            radio：单选框，表示一组互斥选项按钮中的一个，当一个按钮被选中，之前的按钮就会变为非选中。
            checkbox：多选按钮。
            file：文件上传组件
            hidden：隐藏字段，数据会发送给服务器，但浏览器不会显示。
            reset：重置按钮，将表单恢复到默认值。
            submit：提交按钮，提交按钮会把表单数据发送到服务器。
    name属性：元素名，必须要提供name属性，表单数据才会提交到服务器中。服务器通过该值来获取数据。
    value属性：设置input标签的默认值，
    size属性：设置输入框的大小
    checked属性：单选框或复选框被选中。
    readonly：是否只读。
    disable：是否可用。

下拉列表标签：select

下拉列表标签，提供一些选项，来选中其中的一项或多项。需要配合子标签来使用。
name属性：设置名称，必写项。
multiple属性：不写默认单选，取值为multiple表示多选。
size属性：多选时，可见的选项数目。

子标签:下拉列表中的一个选项
    selected：选中当前的列表项。
    value：发送给服务器的选项值。

示例代码：

    
    


    
    

        
        用户名：

        
        密  码：

        确认密码:

        
        性别:男                        
        女

        
        兴趣爱好：写博客                        
        写代码                        
        看源码

        
        文件：

        
        居住城市：
        --请选择--
        北京
        上海
        广州
        

        
        

        
        

        
        

    
    

效果如下：

相关推荐：

立即学习“前端免费学习笔记（深入）”；

常用单选复选表单提交js特效代码

常用单选复选表单提交js特效代码，能够实现单选框复选框原本的选中、未选中、禁用，还能够设置选中和未选中的文本信息、标签的最小宽度等，简单实用，容易上手。

下载

HTML中如何使用html表单提交的操作

html表单被重置后触发的事件onreset

html表单选项菜单option与optgruop标签的用法详解