`
wandejun1012
  • 浏览: 2736786 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

html input中 button和submit的区别

阅读更多

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://www.sina.com.cn">
<input type="button" name="Button" value="Button" onClick="submit()">
</form>

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

分享到:
评论

相关推荐

    html中submit和button的区别

    在探讨HTML中`submit`和`button`的区别之前,我们首先需要明确这两个元素的基本概念以及它们在网页设计和开发中的作用。HTML,全称为HyperText Markup Language,是用于创建网页的标准标记语言。在HTML中,`&lt;input&gt;`...

    submit和button的区别

    在HTML表单中,`submit`和`button`都是用于创建按钮的元素,但它们有着不同的功能和使用场景。理解这两者的区别对于构建交互式的Web应用程序至关重要。 首先,`submit`是一个特殊的`button`类型,它默认具有提交...

    sp\button和submit的区别及使用js实现页面跳转的方式

    sp\button和submit的区别及使用js实现页面跳转的方式 Button和Submit是两个常用的HTML表单元素,它们都是用于提交表单的,但是它们之间存在着一些区别。 首先,Button类型的按钮仅仅是一个普通的按钮,点击它不会...

    input submit、button和回车键提交数据详解

    总的来说,`input[type="submit"]`、`button[type="submit"]` 和回车键都能触发表单提交,但它们各有特点和使用场景。`input[type="submit"]` 更简单但样式受限,`button[type="submit"]` 提供更多定制空间,回车键...

    JS中type="button"和type="submit"的区别

    在JavaScript和HTML交互中,创建按钮常常涉及到`type="button"`和`type="submit"`两种类型,它们在功能上有着显著的区别。理解这些差异对于优化表单操作和用户体验至关重要。 首先,`type="button"`的按钮是纯功能...

    button和input type=button的区别及注意事项

    在HTML中,`&lt;button&gt;`和`&lt;input type="button"&gt;`都是用于创建按钮的元素,但它们之间存在一些关键的区别。理解这些差异对于编写兼容各种浏览器和提供良好用户体验的网页至关重要。 首先,`&lt;button&gt;`标签允许在按钮...

    页面提交submit的几种方法

    在HTML中,可以通过`&lt;input type="button"&gt;`配合JavaScript来实现自定义的表单提交逻辑。这种方式可以提供更灵活的操作,并且能够加入更多的验证和交互逻辑。例如: ```html &lt;input type="button" name="submit...

    input、button的不同type值在ajax提交表单时导致的陷阱

    在前端开发中,我们经常遇到一些看似简单却隐藏着危险的陷阱,这篇文章就讲解了在AJAX提交表单时,input和button的不同type值可能导致的陷阱。 首先,让我们来了解一下input和button的type属性。input标签的type...

    web开发中常用的input事件汇总

    &lt;INPUT onclick="window.external.ShowBrowserUI('OrganizeFavorites', null)" type="button" value="组织收藏夹" name="Submit2"&gt; ``` 提供一个界面供用户管理他们的收藏夹,包括整理、删除等操作。 #### 查看源...

    使用HTML开发商业网站-表单控件-input课件.pptx

    在HTML5中,`&lt;input&gt;` 控件增加了更多的类型,如电子邮件 (`email`)、电话 (`tel`)、日期 (`date`) 等,增强了表单数据验证和用户体验。了解并熟练运用这些控件,是成为一名优秀的前端开发者的基础。

    页面中将submit样式转换成a标签的样式

    在网页设计中,提交表单通常使用`&lt;input type="submit"&gt;`标签,它具有默认的样式和行为,如按钮外观和点击后提交表单的功能。然而,为了追求更丰富的用户体验或者符合某些设计规范,有时我们需要将这个提交按钮的...

    Enabling Submit Button.zip

    标题“Enabling Submit Button.zip”涉及的是一个关于JavaScript的议题,主要是如何在网页表单中启用或禁用提交按钮。JavaScript是一种广泛使用的客户端脚本语言,它允许在用户与网页交互时动态更新内容,提供了丰富...

    BUTTON和INPUT的区别

    ### BUTTON和INPUT的区别 在网页开发中,`&lt;button&gt;` 和 `&lt;input&gt;` 是两种常见的用于创建用户交互元素的HTML标签。尽管它们都能实现按钮的功能,但在实际应用中却有着本质的区别。 #### HTML4.01规范中的表单控件 ...

    input链接页面、打开新网页等等的具体实现

    在网页设计和开发中,`&lt;input&gt;`元素是HTML中非常重要的组成部分,它通常用于创建交互式的表单和按钮。本文将深入探讨如何利用`&lt;input&gt;`元素来实现链接页面、打开新窗口以及一些增强用户体验的功能。 1. **链接到某...

    浅析一个表单多个Submit按钮的简单实现方法

    1. **使用name属性和JavaScript事件处理**:为每个Submit按钮设置唯一的name属性,例如`&lt;input type="submit" name="action1" value="提交1"&gt;`和`&lt;input type="submit" name="action2" value="提交2"&gt;`。然后通过...

    在javaScript中关于submit和button的区别介绍

    在JavaScript中,`submit` 和 `button` 是两种常见的HTML元素,它们在表单处理中扮演着不同的角色。本文将详细解析它们的区别及其在实际应用中的使用场景。 首先,`submit` 是 `button` 的一个特例,属于 `input` ...

    JS button按钮实现submit按钮提交效果

    然而form表单的 submit 且一旦提交则全部提交,所以想到的实现方法就是 使用button实现,代码实现见如下: form设置: &lt;form method=”post” name=”linkform”&gt; 隐藏的act方法设置,代码如下: &lt;input ...

    HTML5&CSS3网页制作:Input元素的type属性.pptx

    在HTML5中,`&lt;input&gt;`元素的`type`属性是一个非常重要的特性,它决定了输入框的功能和样式。通过设置不同的`type`属性值,我们可以创建各种类型的输入控件,以满足网页表单设计的需求。 1. **普通文本框(text)** ...

    html button标签的样式怎么设置?.docx

    在实际开发中,我们还可以使用 JavaScript 来设置 Button 的样式和行为。例如,我们可以使用 JavaScript 来更改 Button 的背景颜色、字体颜色、边框样式等等。我们还可以使用 JavaScript 来实现 Button 的点击事件,...

    鼠标经过input时的颜色发生变化.rar

    首先,我们需要了解HTML中的`&lt;input&gt;`元素。它是用来创建表单控件的,可以是文本输入框、按钮、复选框、单选按钮等。当我们想要在鼠标悬停时改变`&lt;input&gt;`的颜色,可以通过CSS来实现基础样式,然后利用JavaScript来...

Global site tag (gtag.js) - Google Analytics