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"">

html中button只是一个按钮的样式,默认没有提交表单的功能,而submit是表单的提交属性,可以实现将所在表单的数据进行的提交。

工具原料:编辑器、浏览器

一、button按钮

1、使用button设置一个按钮样式

<html>

<body>

<button type="button">Click Me!</button>

</body>

</html>

2、运行的结果如下

二、submit提交

1、使用submit进行表单的提交,代码如下:

<form action="form_action.asp" method="get">

  <p>First name: <input type="text" name="fname" /></p>

  <p>Last name: <input type="text" name="lname" /></p>

  <input type="submit" value="Submit" />

</form>

2、结果是点击提交按钮会将表单的值提交到制定的后台地址。

button 和 <input type="button">作用一样,但是可以包含图片,特别是小图标 <button><img src="ico.gif" />插入图片</button>


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存