HTML的表单操作

来源:互联网 发布:《超级优化》txt全集 编辑:程序博客网 时间:2024/05/22 17:46

HTML中表单标签用于将数据提交给服务器,其跟标签为<form>,常用属性有:action:指定提交数据的地址,method:指定表单的提交方式(提交方式有默认get方法,该方法提交数据时数据会在地址栏显示不安全且提交的数据大小不能超过1KB,post提交方式不会将数据内容显示在地址栏且大小不受限制)。

下面是一个用表单操作实现的信息注册的实例:

</head>

<!--表单项的数据要提交到服务器上,必须有name的属性值-->
<body>
    <form action="http://www.baidu.com" method="post">
    <!--文本输入框 单行-->
        用户名:<input name="username" type="text"/><br/>
        密码:<input name="password" type="password"/><br/>
        <!--单选框 -->
        性别:男<input checked="checked" value="man" name="sex" type="radio"/> 女<input name="sex" value="woman" type="radio"/><br/>
        <!--下拉框 -->
        来自的城市:<select name="city">
            <option value="BK">北京</option>
            <option value="SH">上海</option>
            <option value="GZ">广州</option>
            <option value="SZ">深圳</option>
        </select><br/>
        <!--复选框 同一组的复选框,name 的属性值要一致-->
        兴趣爱好:java<input value="java" name="hobit" type="checkbox"/>javascript <input value="javascript" name="hobit" type="checkbox"/> C#<input value="C#" name="hobit" type="checkbox"/><br/>
        <!--文件上传框-->
        照片:<input name="image" type="file"/><br/>
        个人简介:
        <!--文本域-->
        <textarea name="introdute" rows="10" cols="30">
        </textarea><br/>
        <!--提交按钮-->
        <input type="submit" value="注册"/>
        <!--重置按钮-->
        <input type="reset" value="重置"/>
     </form>

</body>