`
tristan_wang
  • 浏览: 166230 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

submit标签

    博客分类:
  • HTML
阅读更多
注:以下内容为原创,但是灵感来源于网上的各位大虾的文章,在此就不一一注明,见谅!submit标签和button标签

submit标签是button标签的一种,可以说是button标签的一个实例,它集成了自动提交的这个动作。一般情况下,如果在提交以后需要进行JS校验的话,需要用 type='button',然后用onClick动作手动提交。如果用type='submit'进行JS校验的话,可以结合form表格的onSubmit()动作。

------type=button标签提交

<html>
 <head>
  <script>
    function onsubmit1(){
     fm.action='http://www.google.com';
     fm.submit();
     } 
  </script>
 </head>
 <body>
  <form  name='fm' method='get'><!-- 此处如果是Post的提交方式的话,是会被Google服务器拒绝的,要用Get方式-->
   <input type="button" name="提交" value="点击提交" nclick="onsubmit1();"><!--此处onclick触发的JS函数名不能为onsubmit();-->
  </form>
 </body>
</html>

-----如果要用type=submit的方式,目标url需要在form表格中的action中标定 源码如下:

<html>
 <head></head>
 <body>
  <form  name='fm' method='get' action="http://www.baidu.com.cn">
   <input type="submit" name="提交" value="自动提交">
  </form>
 </body>
</html>

----如果在用type=submit标签提交的时候想进行JS校验,可以用form表格的onsubmit方式调用JS

<html>
 <head>
 <script>
 function onsubmit2(){
  
  alert("Test....");
  } 
 </script> 
 </head>
 <body>
  <form  name='fm' method='get'  nsubmit="onsubmit2();">
   <input type="submit" name="提交" value="自动提交">
  </form>
 </body>
</html>

 


分享到:
评论

相关推荐

    struts2标签大全

    5. **s:submit标签**:用于提交表单,可以指定按钮的文本和提交的URL。 6. **s:reset标签**:用于重置表单,恢复初始状态。 7. **s:checkbox标签**和**s:checkboxlist标签**:创建复选框,前者用于单个复选框,后...

    struts2 jar包 包含 标签

    4. **s:submit标签** s:submit标签创建了一个提交按钮,点击后会发送POST请求到指定的Action。在上面的例子中,点击“保存”按钮,表单数据会被提交到"saveUser.action"。 5. **其他常用标签** - `s:textarea`...

    struts2 标签

    - **s:submit标签**:创建提交按钮,触发Action的执行。 - **s:textarea标签**:创建文本区域。 - **s:select标签**:创建下拉列表,可以动态填充选项。 - **s:checkbox标签**、**s:radiobutton标签**:用于创建复选...

    struts2标签的使用

    提交按钮由s:submit标签创建,如`&lt;s:submit value="提交" action="saveUser" /&gt;`,action属性指定了提交后执行的Action方法。 7. **s:form标签** 表单的容器,可以包含其他Struts2标签。`...

    struts标签库使用

    本文将详细介绍Struts2标签库中的部分核心功能,包括解决标签换行问题、submit标签的样式调整、以及select标签的使用。 一、Struts2标签换行问题及解决 在默认情况下,Struts2表单元素会自动换行,每个元素占据一...

    struts 2.0 常用标签

    7. **s:submit标签**: 创建表单提交按钮,可以定义提交动作和样式。 8. **s:actiontags**: 包括s:url、s:a、s:action等,用于页面间的导航和调用Action。 9. **s:property标签**: 用于显示Action中属性的值...

    struts2常用标签详解

    7. **s:submit标签**: 创建提交按钮,用于提交表单。`value`属性指定按钮上的文字。 8. **s:action标签**: 这个标签用于执行一个Action,通常用于异步请求。例如: ```html ``` 这里,`fetchData`是Action...

    struts2 标签 大全 总结 实用

    6. **s:submit标签**:在表单中创建提交按钮,如`&lt;s:submit value="Submit" /&gt;`,点击后会执行对应的Action。 7. **s:form标签**:定义Struts2表单,它会自动处理验证和结果映射。例如,`...

    Struts标签--本人常用

    6. **str:submit标签**: 提交按钮,通常放在表单内。例如: ```jsp &lt;s:submit value="提交"/&gt; ``` 7. **str:debug标签**: 用于在页面上打印出当前Action实例的所有属性值,便于调试。例如: ```jsp ``` ...

    页面中将submit样式转换成a标签的样式

    在网页设计中,提交表单通常使用`&lt;input type="submit"&gt;`标签,它具有默认的样式和行为,如按钮外观和点击后提交表单的功能。然而,为了追求更丰富的用户体验或者符合某些设计规范,有时我们需要将这个提交按钮的...

    struts2教程+struts标签中文API

    2. **表单标签**:s:form用于创建HTML表单,s:textfield、s:textarea、s:password等标签用于创建输入控件,s:submit标签用于提交表单。 3. **控制标签**:如s:if、s:else、s:iterator等,用于条件判断和循环控制,...

    深入浅出Struts2(附源码)

    5.5 submit标签 65 5.6 reset标签 65 5.7 label标签 66 5.8 head标签 66 5.9 textarea标签 66 5.10 checkbox标签 67 5.11 list、listKey和listValue属性 72 5.11.1 赋值一个String 72 5.11.2 赋值一个Map 73...

    web组建开发指南

    - **submit标签**:用于创建提交表单的按钮,当点击时会触发表单的提交行为。 - **reset标签**:创建重置表单的按钮,点击后会清空所有表单字段。 - **checkbox标签**:创建复选框,常用于多选列表或同意条款等...

    eclipse+SSH全注解标签实现登录

    使用Struts2的s:form、s:textfield、s:submit标签来构建表单。 **9. 配置Struts2** 虽然我们不使用XML配置文件,但还需要在struts.xml文件中启用注解扫描,这样Struts2才能识别我们的注解Action。 **10. 测试** ...

    深入浅出Struts 2 .pdf(原书扫描版) part 1

    5.5 submit标签 65 5.6 reset标签 65 5.7 label标签 66 5.8 head标签 66 5.9 textarea标签 66 5.10 checkbox标签 67 5.11 list、listKey和listValue属性 72 5.11.1 赋值一个String 72 5.11.2 赋值一个Map 73 5.11.3 ...

    Struts2入门教程(全新完整版)

    其中,Struts2标签库提供了一组与JSP集成的标签,简化了视图的开发,如s:property标签用于显示Action属性的值,s:form标签用于创建表单,s:submit标签用于提交表单等。 模型部分,Struts2通过ValueStack来管理模型...

    Struts.rar

    表单的提交可以通过`&lt;s:form&gt;`标签实现,而按钮可以通过`&lt;s:submit&gt;`标签定义,每个submit标签可以指定一个action属性来指定要调用的Action方法。 在Struts2中,视图通常由JSP页面实现。在HelloWorld示例中,Action...

Global site tag (gtag.js) - Google Analytics