html表单标签

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<!-- 
表单标签: 表单标签的作用是用于提交数据给服务器的。

    表单标签的根标签是<form>标签
    
常用的属性:
action: 该属性是用于指定提交数据的地址。
method: 指定表单的提交方式。
    get : 默认使用的提交方式。  提交的数据会显示在地址栏上。
            post :  提交的数据不会显示在地址栏上。
 
 
    
    
注意: 表单项的数据如果需要提交到服务器上面,那么表单项必须要有name的属性值。
    
    
    
    
    
-->
</head>
<body>
<form action="http://www.baidu.com" method="post">
    <!-- 文本输入框 单行-->
    用户名:<input name="userName" type="text"/><br/>
        <!-- 密码框 -->
密码:<input name="password" type="password"/><br/>
        <!-- 单选框  -->
        性别: 男<input checked="true" value="man"  name="sex" type="radio"/>   女<input name="sex" value="woman" type="radio"/><br/>
        <!-- 下拉框 -->
        来自的城市:<select name="city">
                    <option value="BJ">北京</option>
                    <option value="SH">上海</option>
                    <option value="GZ">广州</option>
                    <option value="SZ">深圳</option>
                </select><br/>
        <!-- 复选框  同一组的复选框name的属性值要一致 -->
       兴趣爱好:java <input value="java" name="hobit"  checked="checked" type="checkbox" />javascript <input type="checkbox" value="javascript" name="hobit" />android <input value="android" name="hobit" type="checkbox" /><br/>
       <!-- 文件上传框-->
    大头照:<input name="image" type="file" /><br/>
    个人简介:
        <!-- 文本域 -->
        <textarea  name="intro" rows="10" cols="30"></textarea><br/>
        
        <!-- 提交按钮 -->
        <input type="submit" value="注册"/>
    <!--  重置按钮 -->
    <input type="reset" value="重置"/>
    
    </form>
</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值