用html中标签制作表单实例

发布时间：09/01 来源：未知浏览：关键词：

本篇文章主要介绍用怎样用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

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

子标签<option>:下拉列表中的一个选项
    selected：选中当前的列表项。
    value：发送给效劳器的选项值。

示例代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>表单标签</title>
</head>
<body>
    <!--要提交到效劳器中的所有信息，必需要用form标签包裹起来-->
    <form>
        <!--文本输入项-->
        会员名：<input type="text" name="usernam"/><br />
        <!--密码项-->
        密 &nbsp;码：<input type="password" name="password" /><br />
        确定密码:<input type="password" name="password2" /><br />
        <!--单选按钮-->
        性别:<input type="radio" name="sex" />男                        
        <input type="radio" name="sex" />女<br />
        <!--多选按钮-->
        乐趣喜好：<input type="checkbox" name="hobby" />写博客                        
        <input type="checkbox" name="hobby" />写代码                        
        <input type="checkbox" name="hobby" />看源码<br />
        <!--文件选项-->
        文件：<input type="file" name="file" /><br />
        <!--下拉列表标签-->
        寓居城市：<select name="city">
        <option>--请选中--</option>
        <option>北京</option>
        <option>上海</option>
        <option>广州</option>
        </select><br />
        <!--提交按钮-->
        <input type="submit" value="提交按钮" /><br />
        <!--一般按钮-->
        <input type="button" value="一般按钮" /><br />
        <!--重置按钮-->
        <input type="reset" value="重置" /><br />
    </form>
    </body>
</html>