首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

表单提交中的input、button、submit的区别

再加上它的样式难以定制、不可作为其他标签的容器, 所以建议不要用input作为表单提交按钮。 注意:input的type属性还可以是button,这时它只是一个按钮,不会引发表单提交。...2.button[type=submit]   button的语义很明确,就是一个按钮不含数据,作用就是用户交互。但它也有type和value属性。 ...type的默认值是submit,所以点击一个button会引起表单提交: input name='key'> button>确定button> 注意:如果你在做...这也是为什么Bootstrap 文档中大量使用button作为示例的原因之一。   但是,button会很乱。button可以设置name和value。...button和input的相似还不止于此,button也可以设置type=reset,此时点击按钮会导致表单被重置(这还挺有用的)。

4.1K100
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    button标签和div模拟按钮的区别

    = 'submit'),而如果不在form表单内部,又不考虑语义化,那么作为按钮,用div和button来写按钮就没什么太多的区别,只存在一些外观上和语义化的细微区别。...转言之,是非语义化元素,没有给内容附加任何含义,它只是个,那么你所模拟的button和其他用包裹的内容没有区别,甚至会被抓取模拟button的内容。...另外,大部分搜索引擎并不对button和input做过多处理(不感兴趣),如果你想实现分享、页面锚点or链接到别的页面并需要由搜索引擎抓取,使用标签对SEO更有意义。...,因为通常Button>组件的cursor会被处理为pointer,也就是和链接一样的小手。...参考:用div与button标签作为按钮的一些区别MDN 文档SEO: \button> vs \ HTML tags [closed]

    21610

    关于html的input元素,property和attribute的区别

    之前在项目中遇到一个很tricky的关于html的input元素的问题,个人觉得挺有意思,于是记录下来。这个问题也是在ui的自动化测试中,可能会碰到的一个问题。...为了简化起见,抽象这个问题的原型如下: 有一个html页面,页面包含一个input框,当改变input框的值的时候,按F12观察页面源码,发现input框的value值和用户输入不一致,并且看到的value...网上查询了一些资料,有一篇文章[参见reference1]解释的很好。 简单讲,其实这问题涉及到property和attribute的区别。...可以看到attributes[1]的值就是html value attribute的值,这个值不会随着input框输入值的变化而变化。 那么怎样才能拿到反应用户输入的实时的值呢?...当用户输入一个值之后,浏览器只是更新了input框对应的javascipt对象的value属性,所以,按F12观察源码显示的是初始值。 ?

    1.8K10

    $_POST,$HTTP_RAW_POST_DATA 和 php:input 的区别

    当在网页提交了一个表单之后,可以使用三种 PHP 方式来获取 Post 数据:_POST,HTTP_RAW_POST_DATA 和 php://input,有什么区别呢?...,每个 key-value 对使用 '&' 字符分隔开,key 和 value 使用 '=' 分开,并且 key 和 value 中的空格都会被替换成 + ,其他特殊字符都会被使用 urlencode...我们可以使用 php://input 来获取原始的 POST 数据,并且 php://input 比 HTTP_RAW_POST_DATA 更少消耗内存,当然 php://input 和 HTTP_RAW_POST_DATA...由于 php://input 只是数据流,我们可以使用 file_get_contents() 函数去获取它的内容: $post_data = file_get_contents('php://input...'); print_r($post_data); 获取到的内容和 $HTTP_RAW_POST_DATA 是一样的。

    2.7K20
    领券