HTML中如何使用html表单提交的 *** 作

表单标签的主要作用是：在HTML页面中创建一个表单，在用户填写完表单信息后，将数据提交给服务器。需要填写数据的标签必须要放在表单标签体里面。 常用的属性：action：请求路径，在该属性中确定表单数据提交的服务器地址。method：请求方式。常用的请求方式有：get，post。get（默认）：1.get的请求的数据有限2.提交的表单数据是追加在请求的路径上，如：regist.action?username=jack&password=1111。追加是在请求地址的后面加上?连接。之后每一对数据使用&连接。post：1.提交的数据不在请求路径上追加，不显示在地址栏上。2.理论上，post请求的数据量是无限的。

最普通最常用最一般的方法就是用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函数. 

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

html<form>表单标签使用在一个网页中数据提交标签。 例如，可以在留言板，评论等中填写数据，表单提交标签是提交处理所必需的。

<form>表单标签包含输入框input，单选，多选，select下拉列表菜单和跳转菜单，提交按钮和其他标签元素。

使用<form></ form>声明表单区域，并在<form>中填写action的值作为表单区域中提交内容发送到的页面地址。

扩展资料：

1、<form>表单的属性有：

accept-charset、action、method、name、target等。其中：

（1）action：表单提交的地址，action的地址就是要提交的服务器的地址。

（2）method：以何种方式提交，常见的为get和post，区别在于一个是明文（在url中显示），一个是暗文。

2、<form>标签使用示例：

<form action="demo_form.php" method="get">

First name: <input type="text" name="fname"><br>

Last name: <input type="text" name="lname"><br>

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

</form>

当点击submit按钮时，浏览器会自动将表单信息封装提交至action中的地址。所谓的提交就是访问action中地址并携带着form表单中input，textarea，select的信息。

---