×
Html中的input、submit和button之间的区别
优畅主题 前端开发 2014-09-02 13:45 3,123 0 条评论

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

<form name="form1" method="post" action="http://blog.ui90.com"> <input type="button" name="Button" value="Button" onClick="submit()"> </form>

3

<input type="button" name="Button" value="Button" onClick="javascript:windows.location.href="你的url"">

如果本文对你有帮助,你可以扫描右边的二维码打赏,谢谢支持
联系优畅:uctheme#qq.com (#改为@)
微信订阅号:优畅主题(uctheme)
官网淘宝店:http://uctheme.taobao.com
版权声明:版权归 优畅主题 所有,转载请注明出处!
转载请保留链接: https://www.uctheme.com/829/
谢谢微信打赏

微信钱包扫描赞助

谢谢支付宝打赏

支付宝扫一扫赞助

品牌创立:2012-11-18优畅主题

优畅主题成立于2012年11月18日,专业Wordpress导购主题开发商,拥有多年Wordpress主题设计经验,专门为淘宝客和导购客站长量身打造高端赚钱模板,我们注重细节,有着严谨的开发态度,一切从客户角度出发,如果你也喜欢 WordPress导购主题,欢迎和我们一起交流!

上一篇 WordPress 4.0 RC 发布,预计正式版下周发布 WordPress 显示最近注册用户,提高注册率 下一篇

5 + 1 = ?

目前还没有评。

取消

感谢您的支持,我们会继续努力的!

扫码支持
请支付模板相应的价格

打开支付宝扫一扫,即可进行扫码支付哦

切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册