HTML提交按钮的问题？

<!-- method代表接受方式 post/get

form action 属性规定当提交表单时，向何处发送表单数据。 -->

<form action="#" method="post"/>

<!--label复选框的光标方便用户选中，可加可不加。 -->

<label for="user">名字：</label><input type = "text" id="user" name="user" size="15" value="请写上你的用户名" maxlength="15"/></br>

<label for="title">标题：</label><input type = "text" id="title" name="title" size="25" value="请输入标题" maxlength="25"/></br>

<label for="content">内容：</label></br><textarea id="content" name="content" rows="9" cols="35" value="please" wrap="off"/></textarea></br>

<input type="submit" id="submit" name="submit" value="发布" />

<input type="submit" value="提交" style="width:80pxheight:100pxcolor:redbackground-color:#3FF">

type：只有当type的设置等于submit时，按钮才有提交的作用

Value：按钮上显示的文字

color:本来就只针对文本而言有作用。

要改变背景色要用：background:#ccc

最普通最常用最一般的方法就是用submit type..看代码： 

复制代码

代码如下:

<form name=”form” method=”post” action=”#"> 

<input type=”submit” name=”submit” value=”提交"> 

</form>

另外，还有一种常用的方法是使用图片： 

复制代码

代码如下:

<form name=”form” method=”post” action=”# "> 

<input type=”image” name=”submit” src=”btnSubmit.jpg”> 

</form>

第三种是使用链接来提交表单，用到了javascript的DOM模型： 

复制代码

代码如下:

<form name=”form” method=”post” action=”#”> 

<a href=”javascript:form.submit()”>提交</a> 

</form>

这种方法实际上是调用了一个javascript函数，使用javacript函数来提交表单，方法就非常多非常灵活了，比如可以把它加入到任意一个标签的onclick事件中： 

复制代码

代码如下:

<form name=”form” method=”post” action=”#”> 

<div onclick=”javascript:form.submit()”> 

<span>提交</span> 

</div> 

</form>

但是，如果一个表单里有需要有多个提交按钮怎么办呢？ 

比如一个表单里的提交按钮所指向的处理页面不同，这样由于表单在定义的时候就已经确定下表单数据的处理页面，所以单纯地在表单里放多个提交按钮是没有办法达到目的的。这就需要javascript。 

首先定义一个函数： 

复制代码

代码如下:

<script language=javascript> 

function query(){ 

form.action=”query.php” 

form.submit()} 

function update(){ 

form.action=”update.php” 

form.submit()} 

</script>

通过javascript改变form的action属性值，这样就可以实现多提交按钮而且功能不同了，页面内代码如下： 

复制代码

代码如下:

<form name=”form” method=”post” action=”#”> 

<input type=”button” name=”query” onclick=”query()” value=”查询”> 

<input type=”button” name=”update” onclick=”update()” value=”更新”> 

</form>

上面一段代码，使用的是普通的按钮，而提交功能的实现方法是在它的onclick事件中调用javascript函数. 

有了上面这几种提交表单的方法,我想差不多够应付复杂的表单了.

不一定需要用submit提交

1. HTML提交表单

HTML提交表单简单易 *** 作，依靠在<form>标签对中的<input type='submit'>提交按钮进行请求发送和参数提交。其中form标签的post属性决定提交方式是get还是post。

servlet或者action根据name属性获取提交的参数

2. HTML超链接请求

只使用html发送超链接请求的话，方式比较单一。传递参数值是被写死的，并且只能使用get方式去发送请求。如果不用javascript的话，超链接还是作为一个页面跳转按钮比较合适。

jsp代码

3. Javascript提交表单

使用js和html提交表单的话就可以灵活很多，因为js不仅有针对页面很多的触发事件，而且可以获取到html页面元素的信息。

3.1 form表单提交前触发事件

这里主要是介绍下在提交form表单之前的onsubmit事件,在很早以前学习的时候，这个事件会被作为用户输入数据校验的入口。不过仍然因为js使html页面的灵活性变高，这种前端校验用户输入的方式也不是那么唯一。

jsp代码

javascript代码

---