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://blog.1xi.net”>
<input type=”button” name=”Button” value=”Button” onClick=”submit()”>
</form>
3,<input type=”button” name=”Button” value=”Button” onClick=”javascript:windows.location.href=”你的url”">
相关推荐
例如,`<form onsubmit="return validateForm()">`,这里 `validateForm` 是一个函数,如果函数返回 `false`,表单提交将被阻止。这在确保表单数据有效性和安全方面非常有用,避免了无效或错误的数据被提交到服务器...
本文介绍了几种页面提交submit的方法,包括使用`<input type="button">`配合JavaScript、使用`<input type="submit">`以及结合这两种方式实现复杂的验证逻辑。同时,还探讨了在处理表单提交数据时可能遇到的编码问题...
在一个网页表单(form)中,通常我们通过设置不同的提交按钮(submit或button)来实现将数据提交至不同的处理页面。然而,在某些特定情况下,我们可能需要仅使用一个提交按钮(submit或button)来将表单数据同时提交到两个...
2. **JavaScript事件处理**:通过为`<input type="submit">`或`<button>`添加`onclick`事件处理函数,可以在提交前进行验证。如果验证失败,可以使用`return false;`阻止表单提交。对于`<button>`,因为其不具有自动...
在网页设计中,有时我们需要在一个表单中设置多个提交(SUBMIT)按钮,以便执行不同的操作,例如“修改”和“删除”。面对这种情况,我们如何在服务器端区分这两个按钮的点击事件呢?以下两种方法可以帮助你实现这一...
需要注意的是,如果表单提交是通过一个普通按钮(`<input type="button">`)的`onclick`事件中调用`form.submit()`,那么`onsubmit`事件不会自动触发,需要手动调用。 示例: ```html <form action="index.jsp" ...
在网页设计中,通常我们使用`<form>`元素来创建表单,并通过`<input type="submit">`按钮提交表单数据。然而,有时我们可能需要实现多个按钮,每个按钮触发不同的操作,而不直接提交表单。这时,我们可以利用...
<form onsubmit="return validateNotEmpty(input1) && validateNumber(input2) && validatePhoneNumber(input3) && validateEmail(input4)"> <input type="text" id="input1" placeholder="姓名"> <input type=...
在非IE6和非IE7的浏览器中,点击这个按钮会先触发`onclick`事件,显示"1"的警告对话框,然后由于`<button>`的默认`type`是`submit`,所以表单会尝试提交,触发`onsubmit`事件,显示"3"的警告对话框。这个行为展示了`...
- 使用 `onsubmit` 事件来调用验证函数:在 `<form>` 标签中设置 `onsubmit="return test()"`。 - 示例: ```html <form onsubmit="return test()"> ... <input type="submit" name="Submit" value="check"> ...
`onsubmit`事件绑定在form元素上,使得在用户尝试提交表单时,会先调用`test()`函数进行验证。 2. 密码验证: ```html <!-- 方法一 --> <FORM METHOD=POST ACTION=""> <input type="password" id="input1"> ...
<button type="submit">登录</button> </form> ``` 然后在JavaScript中定义`validateForm()`函数: ```javascript function validateForm() { var username = document.getElementById("username").value; var ...
<button type="submit">更新图像</button> </form> ``` 在JavaScript中,我们定义一个`drawFunctions`函数,读取输入值并调用相应的绘图函数: ```javascript function drawFunctions() { var a1 = parseFloat...
在这个例子中,`<input type="submit">`按钮会触发表单的提交和执行`test()`函数,而`<input type="button">`按钮则只会调用`test()`函数,并不会提交表单。`test()`函数中调用了`document.getElementById('myform')...
- **使用`<form onsubmit="">`**:在`<form>`标签上添加`onsubmit`事件处理函数,可以控制表单提交前后的逻辑。 此外,对于`<textarea>`元素,按下回车键会插入换行符,而非触发表单提交。如果希望在此场景下也响应...
4. 提交按钮(Submit Button):`<input type="submit">` 用于创建一个提交按钮,当用户点击这个按钮时,表单的数据会被发送到 `action` 属性指定的地址。 ```html <input type="submit" value="发送"> ``` 5. ...
<input type="button" value="Submit" onclick="if (validateForm()) document.forms[0].submit();" /> ``` ##### 3.3 处理函数返回`false`的问题 当处理函数返回`false`时,它通常意味着阻止默认的行为。需要注意...
<input type="submit" value="Submit"> </form> function validateForm() { var username = document.getElementById('username').value; if (username === '') { alert('Username is required!'); return ...
在React.js开发中,表单处理是至关重要的一个部分,而受控表单(Controlled Form)和不受控表单(Uncontrolled Form)是两种主要的处理方式。本案例将通过对比这两种方法来深入理解它们的工作原理和应用场景。 首先...