html中form标签

action:规定当提交表单时向何处发送表单数据,该属性值就是URL

method :规定用于发送表单数据的方式

method取值有如下两种:

get:默认值。如果不设置method属性则默认就是该值 请求参数会拼接在URL后边 url的长度有限制 4KB

<form action="#" medhol = "gei">
    <input type="text" name="username">
    <input type="submit">
</form>

post: 浏览器会将数据放到http请求消息体中 请求参数无限制的

 <form action="#" method="post">
<!--   <label>标签为i<input>元素定义标签是其关联     -->
        <label for="usename">用户名</label>
        <input type="text" name="usename" id="usename">
        <label for="usename">密码</label>
        <input type="text" name="passward" id="passward">

    </form>

将其将数据提交到当前页面。还需 要注意一点,要想提交数据, input 输入框必须设置 name 属性
通过type属性控制输入格式

text:默认值,定义输入字段
password:定义加密字段
radio:定义单选按钮
checkbook:定义多选按钮
hidden:定义隐藏输入字段
submit:定义体检按钮
rest:定义重置按钮
button:定义一个可点击的按钮

<form action="#" method="post">
<!--   <label>标签为<input>元素定义标签是其关联 ,通过for指向id进行关联    -->
        <label for="usename">用户名</label>
        <input type="text" name="usename" id="usename">
        <br>
        <label for="password">密码</label>
        <input type="password" name="password" id="password">
        <br>
        
<!--  name属性设置成一致可防止复选 value提交值 -->
        性别:
        <input type="radio" name="gebder" value="1" id="male"><label for="male"></label>
        <input type="radio" name="gebder" value="0" id="female"><label for="female"></label>
        <br>
        
        爱好:
        <input type="checkbox" name="hobby" value="1"> 旅游
        <input type="checkbox" name="hobby" value="2"> 电影
        <input type="checkbox" name="hobby" value="3"> 游戏
        <br>
        
<!--选择传输文件 -->
        头像:
        <input type="file"><br>
        城市:
        <select name="city">
            <option>北京</option>
            <option value="shanghai">上海</option>
            <option>广州</option>
        </select>
        <br>

        个人描述:
        <br>
        <textarea cols="20" rows="5" name="desc"></textarea><br>

        <input type="submit" value="注册">
        <input type="reset" value="重置">
        <input type="button" value="一个按钮">


    </form>

以上标签项的内容要想提交,必须得定义 name 属性。
每一个标签都有id属性,id属性值是唯一的标识。
单选框、复选框、下拉列表需要使用value 属性指定提交的值。

select:定义下拉列表, 定义列表项
textarea:文本域
如下图就是文本域效果。它可以输入多行文本,而 input 数据框只能输入一行文本

		城市:
        <select name="city">
            <option>北京</option>
            <option value="shanghai">上海</option>
            <option>广州</option>
        </select>
        <br>
        个人描述:
        <br>
        <textarea cols="20" rows="5" name="desc"></textarea><br>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值