`
旁边的手
  • 浏览: 67110 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

html input中 button和submit的区别 (转帖)

    博客分类:
  • web
阅读更多
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;`标签允许在按钮...

    voice-input-button2:New version of voice input button using new interface of iflytek voice dictation (the stream version). 基于讯飞新版语音听写(流式版) api 的语音输入按钮 vue 组件

    voice-input-button2New version of voice input button using new interface of iflytek voice dictation (the stream version).基于讯飞新版语音听写(流式版) api 的语音输入按钮 vue 组件。使用 HTML 原生媒体...

    页面提交submit的几种方法

    本文介绍了几种页面提交submit的方法,包括使用`&lt;input type="button"&gt;`配合JavaScript、使用`&lt;input type="submit"&gt;`以及结合这两种方式实现复杂的验证逻辑。同时,还探讨了在处理表单提交数据时可能遇到的编码问题...

    解决layui的input独占一行的问题

    我们可以将input元素和button元素分别放置在不同的div中,并给这些div设置layui-inline类。这样,即便input默认是块级元素,加上layui-inline类后,它们也可以在一行内显示。若想让多个input同行显示,则可以将这些...

    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;`标签,它具有默认的样式和行为,如按钮外观和点击后提交表单的功能。然而,为了追求更丰富的用户体验或者符合某些设计规范,有时我们需要将这个提交按钮的...

    button_input_dev.rar_input_dev

    在这个特定的项目"button_input_dev.rar_input_dev"中,我们关注的是在友善之臂(FriendlyARM)的mini2440开发板上实现的基于`input_dev`的button驱动程序和应用程序。以下将详细讲解这个主题的相关知识点。 1. **...

    input中id和name属性的区别示例介绍

    做网站很久了,但到现在还没有搞明白input中name和id的区别,最近学习jquery,又遇到这个问题,就在网上搜集资料。看到这篇,就整理出来,以备后用。 可以说几乎每个做过Web开发的人都问过,到底元素的ID和Name有...

    JS定义网页表单提交(submit)的方法

    本文实例讲述了JS定义网页表单提交(submit)的方法。分享给大家供大家参考。具体如下: 这段代码表示网页表单提交时不是提交到指定的页面,而是执行一个特定的函数 [removed] function saveInfo() { localStorage...

    BUTTON和INPUT的区别

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

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

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

    Enabling Submit Button.zip

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

Global site tag (gtag.js) - Google Analytics