`
xls
  • 浏览: 109964 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

type="button"和Submit剖析

    博客分类:
  • JS
阅读更多

代码示例:

<script type="text/javascript">
function sendEmail(){
 var email = document.f.email.value;
 if(email==""){
  alert("收邮件地址不能为空!");
  document.f.email.focus();
  return;
 }
 document.all('editLink').href = "<%=request.getContextPath() %>/mail/sendEmail?email="+email;
 document.all('editLink').click();
}
</script>

<form name="f" action="" method="post">
<a id="editLink" href="aa" style="display:none"></a>

<input name="Submit" type="button" class="button3" value="提交" onclick="return sendEmail()" />

剖析:提交按钮type="Submit"会执行两次提交操作

第一次:执行form的action提交

第二次:执行onclick中调用的函数sendEmail里面的提交

分享到:
评论

相关推荐

    在jQuery ajax中按钮button和submit的区别分析

    在本文中,我们分析了在使用jQuery进行ajax调用时,submit类型按钮和button类型按钮的区别,以及它们各自的使用场景。 首先,我们来看一段使用jQuery的ajax方法进行数据提交的代码示例: ```javascript &lt;script ...

    button小案例

    通过分析和实践这个案例,开发者可以更深入地理解和运用按钮组件的各种特性,提升自己的前端技能。 总结来说,按钮组件在UI设计和前端开发中扮演着关键角色,掌握其属性和用法是每位IT专业人员的基础技能。通过对...

    html与xml 表单设计课件

    HTML与XML是两种不同的标记语言,但在网页设计中,尤其是涉及到用户...同时,结合XML,可以将表单数据结构化,便于进一步的处理和分析。在实际应用中,还可以利用JavaScript进行更复杂的表单验证和动态交互效果的实现。

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

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

    ASP.NET服务器端控件原理分析

    input type=submit name=Button1 value=Button id=Button1 /&gt;  类型为type=submit此类控件点击以后会通过form表单提交,点击以后会作为参数发送到服务端,参数是控件的name属性=控件的value值,服务器端会根据...

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

    - `&lt;button type="submit"&gt;`:具有相同功能的按钮元素。 ### 知识点二:JavaScript 控制表单提交 在提供的示例代码中,通过 JavaScript 来控制表单提交到不同的目标地址。这种方法的关键在于利用 JavaScript 动态...

    2022年HTML语言剖析(八)表单标记CSSHTML教程.docx

    5. `type="Submit"` - 创建提交按钮,用于提交表单数据。 6. `type="Reset"` - 创建重置按钮,用于清除表单中的所有输入。 7. `type="Image"` - 创建图像提交按钮,用户点击图像时提交表单。 8. `type="File"` - ...

    layui点击按钮页面会自动刷新的解决方案

    在HTML标准中,&lt;button&gt;标签默认的type是submit,这意味着如果按钮被点击且位于表单内,浏览器会尝试提交表单。通过显式设置type为"button",则无论在哪个浏览器下,按钮都不会有提交表单的效果,也就不会引起页面...

    JavaWeb编程技术第2版源代码.docx

    5. `&lt;input type="submit"&gt;`和`&lt;input type="button"&gt;`:提供登录、注册、查看购物车等操作。 6. `&lt;a&gt;`标签:创建超链接,如产品分类,用户点击后跳转到相应商品列表页面。 这些HTML元素与Java Web中的Servlet、JSP...

    TP5框架实现上传多张图片的方法分析

    本文实例讲述了TP5框架实现上传多张图片的方法。分享给大家供大家参考,具体如下: ... 2、view &lt;!--不要忘了引入jquery文件--&gt...button type="submit" name="submit"&gt;添加&lt;/button&gt; &lt;script type="tex

    实验一2310512018-曹婷婷2.docx

    &lt;a href="index.html"&gt;&lt;input type="button" class="submit" value="登录"&gt; &lt;a href="regist.html"&gt;&lt;input type="button" class="submit" value="注册"&gt; &lt;a href="forgetPasswd....

    Form的HTML

    通过以上分析,我们可以看出,HTML表单(form)及其输入元素是Web开发中收集和处理用户数据的核心工具。正确理解和应用这些元素,对于构建功能完善的交互式网页至关重要。开发者应熟练掌握各种输入类型的特性和用法,...

    今日内容介绍2

    8. `&lt;input type="submit"&gt;`和`&lt;input type="button"&gt;`:创建提交和普通按钮,前者提交表单,后者执行JavaScript函数或其他操作。 9. `&lt;input type="reset"&gt;`:重置表单所有输入项的值。 10. `&lt;input type="hidden"&gt;...

    jQuery中:submit选择器用法实例

    需要注意的是,虽然在这个特定例子中没有其他的提交按钮(除了显式声明的`&lt;input type="submit"&gt;`),但如果有其他类型的按钮也被设置为具有提交表单的行为(如`&lt;button type="submit"&gt;`),它们同样会被`:submit`...

    jQuery性能优化指南97-2003doc

    &lt;input class="button" id="traffic_button" type="submit" value="Go"/&gt; ``` - **低效做法**: - `var traffic_button = $("#content.button");` - 这里首先通过ID `#content` 找到了目标元素,然后再通过...

    JavaScript面试题集锦.doc

    通过对这些问题的解释和分析,可以帮助开发人员更好地理解 JavaScript 的基础知识和应用。 一、HTML 表单输入类型 JavaScript 中的 input 元素有多种类型,包括 text、radio、checkbox、file、button、image、...

    Leting_login.zip

    例如,我们可以使用`&lt;form&gt;`标签定义表单,`&lt;input&gt;`标签创建输入字段,`&lt;button&gt;`标签创建按钮,通过设置`type`属性来区分文本输入和提交行为。 在"Leting_login"这个项目中,HTML文件可能包含如下代码片段: ```...

    form.submit()不能提交表单的原因分析

    &lt;input type="button" name="submit" id="submit" value="注册"&gt; &lt;!-- 表单内容结束 --&gt; ``` 在这个例子中,表单有一个`id`为`submit`的按钮。JavaScript部分如下: ```javascript function formDeal() { var ...

    注册页面html代码,注册页面html代码

    - 提交按钮(`&lt;button type="submit"&gt;注册&lt;/button&gt;`):用户点击后提交表单数据到服务器。 3. **表单验证**:HTML5引入了内置验证功能,例如`required`属性(`&lt;input required&gt;`)确保字段非空,`pattern`属性...

Global site tag (gtag.js) - Google Analytics