html中 按钮 button 与 submit 有什么不同,作用分别是干嘛的?

html中 按钮 button 与 submit 有什么不同,作用分别是干嘛的?,第1张

type=button 就单纯是按钮功能

type=submit 是发送表单

但是对于从事WEB UI的人应该要注意到,使用submit来提高页面易用性:

使用submit后,页面支持键盘enter键 *** 作,而很多WEB软件设计师,可能没有注意到submit统一.

用button后往往页面不支持enter键了。所以需要支持enter键,必须要设置个submit,默认enter键对页面第一个submit进行 *** 作。

<input type="submit" name="b1" value="提交" onClick="bt_submit_onclick()">

执行完onClick,转到action。可以自动提交不需要onClick。所以说onclick这里可以不要。

<input type="button" name="b1" value="提交" onClick="bt_submit_onclick()">

执行完onClick,跳转文件在 js文件里控制。提交需要onClick。

比如:

1,onclick="form1.action='a.jsp'form1.submit()" 这样就实现了submit的功能了。

2,<formname="form1"method="post"action="http://www.sina.com.cn">

<inputtype="button"name="Button"value="Button"onClick="submit()"> </form>

3,<inputtype="button"name="Button"value="Button"onClick="javascript:windows.location.href="你的url"">

button-普通按钮,submit-提交按钮;submit按钮一般出现在网页上需要提交信息到服务器是才使用,而button按钮是创建一个按钮,对于实现按钮将会发生什么事这个不一定,考页面编辑人员决定,例如在同一天网页表单上,用户输入时可能输入错误或是偏差,则可以在网页上创建一个button-清除(重置)按钮,一张表单可以有多个普通按钮,且至少有一个提交按钮(需提交表单网页)。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7082038.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存