`

html form onsubmit函数解释,input、submit、button的区别

阅读更多

我的新项目ecgoo add_supply.html onsubmit="return check_add_supply(参数)"

 

 

 

以下内容来自链接:http://blog.1xi.net/html/submit-button-qubie

html中的input、submit和button的区别

Filed under: HTML — fangds @ 15:33

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”">

分享到:
评论

相关推荐

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

    例如,`&lt;form onsubmit="return validateForm()"&gt;`,这里 `validateForm` 是一个函数,如果函数返回 `false`,表单提交将被阻止。这在确保表单数据有效性和安全方面非常有用,避免了无效或错误的数据被提交到服务器...

    页面提交submit的几种方法

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

    在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码

    在一个网页表单(form)中,通常我们通过设置不同的提交按钮(submit或button)来实现将数据提交至不同的处理页面。然而,在某些特定情况下,我们可能需要仅使用一个提交按钮(submit或button)来将表单数据同时提交到两个...

    【JavaScript源代码】HTML form表单提交方法案例详解.docx

    2. **JavaScript事件处理**:通过为`&lt;input type="submit"&gt;`或`&lt;button&gt;`添加`onclick`事件处理函数,可以在提交前进行验证。如果验证失败,可以使用`return false;`阻止表单提交。对于`&lt;button&gt;`,因为其不具有自动...

    两个SUBMIT按钮,如何区分处理

    在网页设计中,有时我们需要在一个表单中设置多个提交(SUBMIT)按钮,以便执行不同的操作,例如“修改”和“删除”。面对这种情况,我们如何在服务器端区分这两个按钮的点击事件呢?以下两种方法可以帮助你实现这一...

    onsubmit阻止form表单提交与onclick的相关操作

    需要注意的是,如果表单提交是通过一个普通按钮(`&lt;input type="button"&gt;`)的`onclick`事件中调用`form.submit()`,那么`onsubmit`事件不会自动触发,需要手动调用。 示例: ```html &lt;form action="index.jsp" ...

    不用SUBMIT可以实现的多个按钮的功能

    在网页设计中,通常我们使用`&lt;form&gt;`元素来创建表单,并通过`&lt;input type="submit"&gt;`按钮提交表单数据。然而,有时我们可能需要实现多个按钮,每个按钮触发不同的操作,而不直接提交表单。这时,我们可以利用...

    js验证form对话框

    &lt;form onsubmit="return validateNotEmpty(input1) && validateNumber(input2) && validatePhoneNumber(input3) && validateEmail(input4)"&gt; &lt;input type="text" id="input1" placeholder="姓名"&gt; &lt;input type=...

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

    在非IE6和非IE7的浏览器中,点击这个按钮会先触发`onclick`事件,显示"1"的警告对话框,然后由于`&lt;button&gt;`的默认`type`是`submit`,所以表单会尝试提交,触发`onsubmit`事件,显示"3"的警告对话框。这个行为展示了`...

    Js验证函数

    - 使用 `onsubmit` 事件来调用验证函数:在 `&lt;form&gt;` 标签中设置 `onsubmit="return test()"`。 - 示例: ```html &lt;form onsubmit="return test()"&gt; ... &lt;input type="submit" name="Submit" value="check"&gt; ...

    js验证代码测试成功锦集

    `onsubmit`事件绑定在form元素上,使得在用户尝试提交表单时,会先调用`test()`函数进行验证。 2. 密码验证: ```html &lt;!-- 方法一 --&gt; &lt;FORM METHOD=POST ACTION=""&gt; &lt;input type="password" id="input1"&gt; ...

    form_login 表单验证 客户端验证

    &lt;button type="submit"&gt;登录&lt;/button&gt; &lt;/form&gt; ``` 然后在JavaScript中定义`validateForm()`函数: ```javascript function validateForm() { var username = document.getElementById("username").value; var ...

    HTML5写的数学图像实现

    &lt;button type="submit"&gt;更新图像&lt;/button&gt; &lt;/form&gt; ``` 在JavaScript中,我们定义一个`drawFunctions`函数,读取输入值并调用相应的绘图函数: ```javascript function drawFunctions() { var a1 = parseFloat...

    js表单提交和submit提交的区别实例分析

    在这个例子中,`&lt;input type="submit"&gt;`按钮会触发表单的提交和执行`test()`函数,而`&lt;input type="button"&gt;`按钮则只会调用`test()`函数,并不会提交表单。`test()`函数中调用了`document.getElementById('myform')...

    说说回车键触发表单提交的问题

    - **使用`&lt;form onsubmit=""&gt;`**:在`&lt;form&gt;`标签上添加`onsubmit`事件处理函数,可以控制表单提交前后的逻辑。 此外,对于`&lt;textarea&gt;`元素,按下回车键会插入换行符,而非触发表单提交。如果希望在此场景下也响应...

    友情链接表单发送(HTML经典用例)

    4. 提交按钮(Submit Button):`&lt;input type="submit"&gt;` 用于创建一个提交按钮,当用户点击这个按钮时,表单的数据会被发送到 `action` 属性指定的地址。 ```html &lt;input type="submit" value="发送"&gt; ``` 5. ...

    js中return false(阻止)的用法.docx

    &lt;input type="button" value="Submit" onclick="if (validateForm()) document.forms[0].submit();" /&gt; ``` ##### 3.3 处理函数返回`false`的问题 当处理函数返回`false`时,它通常意味着阻止默认的行为。需要注意...

    JavaScript event(事件) 字符串长度控制及Form表单提交控制

    &lt;input type="submit" value="Submit"&gt; &lt;/form&gt; function validateForm() { var username = document.getElementById('username').value; if (username === '') { alert('Username is required!'); return ...

    受控表单 vs 不受控表单-案例

    在React.js开发中,表单处理是至关重要的一个部分,而受控表单(Controlled Form)和不受控表单(Uncontrolled Form)是两种主要的处理方式。本案例将通过对比这两种方法来深入理解它们的工作原理和应用场景。 首先...

Global site tag (gtag.js) - Google Analytics