HTML的表单操作

最新推荐文章于 2022-09-14 18:15:11 发布

miracleqan

最新推荐文章于 2022-09-14 18:15:11 发布

阅读量243

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/sinat_23826321/article/details/75007529

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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

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

</head>

<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/>
        
        兴趣爱好：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>