html(5)标签form表单——进阶

在上一篇博客中,我们只是写好了表单,但是如何提交呢?
此时我们要知道form表单里面有两个属性,一个是action属性,一个是method属性,action属性代表的是我们的表单数据要提交给谁,而method属性指的是以什么方式提交表单,比如说我们最常见的get和post两种方式
在表格的最后加入type为submit的属性,可以得到一个提交的按钮
此时,对inuput、textarea、select标签分别加上name标签,在提交表单的时候,就会输出name的名字=你输入的内容/定义的value,value的意思是当这种type不是输入类型的而是选择类型的,要对每种选择类型自己定义value值

	<form action="https://www.baidu.com" method="GET">
        <label>我对input进行修饰</label>
        <input type="text" name="text的输入">
        <br>
        <br>
        <label>我对textarea进行修饰</label>
        <textarea name="多文本"></textarea>
        <br>
        <label>我对select进行修饰</label>
        <select name="下拉选项">
            <option value="1">下拉选项1</option>
            <option value="2">下拉选项2</option>
            <option value="3">下拉选项3</option>
        </select>
        <input type="submit" value="提交">
    </form>

在这里插入图片描述
此时我们点击提交按钮
在这里插入图片描述
这时,get方式的表单提交成功,也就是以查询方式的方法来提交我们所写/所选的参数

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

graceful coding

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值