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、button、submit甚至回车键都可以引发表单提交,下面将分别给大家讲述下他们在使用中的区别。
(2)表单提交时,所有具有name属性的html输入元素(包括input标签、button标签、select标签等)都将作为键值对提交,除了Submit对象。Submit对象只有在自己被单击后的提交中才会作为键值对被提交。 但是对于从事WEB...
使用HTML开发商业网站 表单控件-Input控件 ...input控件在页面中的显示宽度 readonly readonly 该控件内容为只读(不能编辑修改) disabled disabled 第一次加载页面时禁用该控件(显示为灰色) chec
然而form表单的 submit 且一旦提交则全部提交,所以想到的实现方法就是 使用button实现,代码实现见如下: form设置: <form method=”post” name=”linkform”> 隐藏的act方法设置,代码如下: <input ...
一、去掉边框: ...通常解决这样的bug最好的方法就是在button和input的标签外添加一个标签,然后将样式写在这个标签上,并且把button和input的默认样式都去除掉。 实现方式一:设置CSS: 复制代码
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
今天在做利用connection 作表单提交过程中发现,标签”input”跟”botton”中的type属性设置原来也是一门学问。 在开发过程中,为了使html代码更加整洁,我首先利用YAHOO.util.Event.addListener(obj, “click”, ...
= 1 && $order.order_status == 1 }<input name="invoice_no" type="text" style="color:#00F" value="" /><input name="to_shipping" type="submit" style="color:#F00" value="快速发货" class="button"/>{/if}
先看下基于JS代码实现input密码输入框输入密码变黑点密文。具体代码如下所示: html代码 <form id=login-form ...button type=submit>Submit</button> </form> js代码 function checkForm() { v
所以今天请教了几位高手把这个问题解决了,现在贴出来和大家共享一下,当然这个方法在网上曾有人写过,大家可以一起来相互探讨一下。 Html Code: 复制代码代码如下:<input type=”submit“; class=”form-submit...
input type=”submit”>可单击按钮 <input type=”button”>图像按钮 <input type=”image”>隐藏域 <input type=”hidden”>重置按钮 <input type=”reset”>文件域 <input type=”...
input type=”button” name=”Submit” value=”确 定” class=”btn” onclick=”location.href=’filename.html'” /> 2.返回(等同后退) <input name=”Submit2″ type=”button” class=”btn” onclick=...
- 添加`<button>`或`<input type="submit">`元素作为提交按钮。 - 根据需要添加其他元素,如标签、提示信息等。 2. CSS样式: - 使用CSS设置整体页面布局,包括标头、主体内容、页脚等。 - 设置表单样式,如字体、...
文字要包含在label标签中,并设置行高,否则文字会与文本框的顶 端对齐。...input type=”submit” name=”button” id=”button” value=”提交” /> </form> //CSS 代码 复制代码代码
在表单提交的时候,我使用了一个button,但ng-submit写在form标签中,然而button中我未使用任何方法访问submit()函数 <form ng-submit=submit(user)> 账号名 <input type=text ng-model=user....
input输入密码加密 html代码 <form id=login-form method=post onsubmit=return ...button type=submit>Submit</button> </form> js代码 function checkForm() { var input_pwd = document.getEl
html表单 <input name="uid" type="text" value="" maxlength="20"/> ... <input type="button" value="HH" onclick="alert('!@#$%^&*()_+')"/> <input type="submit" /> <input type="reset"> </form>
一、html submit与bottom按钮基本语法结构 1、html submit按钮 在input标签里设置type="submit"即可设置此表单控件为按钮。 submit按钮代码: ...input name=”” type=”button” value=”提交” />
Button在Form中具有submit的特性</title> <meta charset=”utf-8″> </head> <body> <form onsubmit=”alert(3)”> <input name=”uname”/> <button onclick=”...
type: text submit button radio checkbox hidden reset file password 3.文本框/密码框:<input type="text"/> <input type="password"/> 主要属性:maxlength readonly="readonly" disabled=...