`
wandejun1012
  • 浏览: 2690788 次
  • 性别: 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"">

分享到:
评论

相关推荐

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

    最近项目中用了很多的表单提交,发现input、button、submit甚至回车键都可以引发表单提交,下面将分别给大家讲述下他们在使用中的区别。

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

     (2)表单提交时,所有具有name属性的html输入元素(包括input标签、button标签、select标签等)都将作为键值对提交,除了Submit对象。Submit对象只有在自己被单击后的提交中才会作为键值对被提交。  但是对于从事WEB...

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

    使用HTML开发商业网站 表单控件-Input控件 ...input控件在页面中的显示宽度 readonly readonly 该控件内容为只读(不能编辑修改) disabled disabled 第一次加载页面时禁用该控件(显示为灰色) chec

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

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

    IE6/7下多种方法移除button、input 默认边框和去掉焦点线

    一、去掉边框: ...通常解决这样的bug最好的方法就是在button和input的标签外添加一个标签,然后将样式写在这个标签上,并且把button和input的默认样式都去除掉。 实现方式一:设置CSS: 复制代码

    HTML DOM基础教程(网页形式)

    HTML DOM DOM 首页 DOM 简介 ...DOM Input Submit DOM Input Text DOM Link DOM Meta DOM Object DOM Option DOM Select DOM Style DOM Table DOM TableCell DOM TableRow DOM Textarea

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

    今天在做利用connection 作表单提交过程中发现,标签”input”跟”botton”中的type属性设置原来也是一门学问。 在开发过程中,为了使html代码更加整洁,我首先利用YAHOO.util.Event.addListener(obj, “click”, ...

    Ecshop 一键发货

    = 1 && $order.order_status == 1 }&lt;input name="invoice_no" type="text" style="color:#00F" value="" /&gt;&lt;input name="to_shipping" type="submit" style="color:#F00" value="快速发货" class="button"/&gt;{/if}

    JS获得多个同name 的input输入框的值的实现方法

    先看下基于JS代码实现input密码输入框输入密码变黑点密文。具体代码如下所示: html代码 &lt;form id=login-form ...button type=submit&gt;Submit&lt;/button&gt; &lt;/form&gt; js代码 function checkForm() { v

    input 按钮在IE下显现不一致的兼容问题

    所以今天请教了几位高手把这个问题解决了,现在贴出来和大家共享一下,当然这个方法在网上曾有人写过,大家可以一起来相互探讨一下。 Html Code: 复制代码代码如下:&lt;input type=”submit“; class=”form-submit...

    HTML5新增的8类INPUT输入类型介绍

    input type=”submit”&gt;可单击按钮 &lt;input type=”button”&gt;图像按钮 &lt;input type=”image”&gt;隐藏域 &lt;input type=”hidden”&gt;重置按钮 &lt;input type=”reset”&gt;文件域 &lt;input type=”...

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

    input type=”button” name=”Submit” value=”确 定” class=”btn” onclick=”location.href=’filename.html'” /&gt; 2.返回(等同后退) &lt;input name=”Submit2″ type=”button” class=”btn” onclick=...

    html登录注册页面,登录和注册页面的实现HTML,CSS,JS

    - 添加`&lt;button&gt;`或`&lt;input type="submit"&gt;`元素作为提交按钮。 - 根据需要添加其他元素,如标签、提示信息等。 2. CSS样式: - 使用CSS设置整体页面布局,包括标头、主体内容、页脚等。 - 设置表单样式,如字体、...

    CSS 文本域和按钮对齐不一致解决方案

    文字要包含在label标签中,并设置行高,否则文字会与文本框的顶 端对齐。...input type=”submit” name=”button” id=”button” value=”提交” /&gt; &lt;/form&gt; //CSS 代码 复制代码代码

    浅谈angular表单提交中ng-submit的默认使用方法

    在表单提交的时候,我使用了一个button,但ng-submit写在form标签中,然而button中我未使用任何方法访问submit()函数 &lt;form ng-submit=submit(user)&gt; 账号名 &lt;input type=text ng-model=user....

    input输入密码变黑点密文的实现方法

    input输入密码加密 html代码 &lt;form id=login-form method=post onsubmit=return ...button type=submit&gt;Submit&lt;/button&gt; &lt;/form&gt; js代码 function checkForm() { var input_pwd = document.getEl

    html表单<form></form>

    html表单 &lt;input name="uid" type="text" value="" maxlength="20"/&gt; ... &lt;input type="button" value="HH" onclick="alert('!@#$%^&*()_+')"/&gt; &lt;input type="submit" /&gt; &lt;input type="reset"&gt; &lt;/form&gt;

    使用css美化html表单控件详细示例(表单美化)

    一、html submit与bottom按钮基本语法结构 1、html submit按钮 在input标签里设置type="submit"即可设置此表单控件为按钮。 submit按钮代码: ...input name=”” type=”button” value=”提交” /&gt;

    Button未设type属性时在非IE6/7中具有submit特性并自动提交form

    Button在Form中具有submit的特性&lt;/title&gt; &lt;meta charset=”utf-8″&gt; &lt;/head&gt; &lt;body&gt; &lt;form onsubmit=”alert&#40;3&#41;”&gt; &lt;input name=”uname”/&gt; &lt;button onclick=”...

    html总结文档

    type: text submit button radio checkbox hidden reset file password 3.文本框/密码框:&lt;input type="text"/&gt; &lt;input type="password"/&gt; 主要属性:maxlength readonly="readonly" disabled=...

Global site tag (gtag.js) - Google Analytics