本文目录
- html表单的几种提交方式总结
- html提交表格按钮
- HTML表单的按钮形式
- HTML 表单 提交按钮 问题
- HTML 表单提交 的简单代码
html表单的几种提交方式总结
最普通最常用最一般的方法就是用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 action=“a.html“ id=“form“》《div class=“action-list“》 《input type=“text“ name=““》《a class=“yellow-color add_cart“ onclick=“document.getElementById(’form’).reset()“》 重置消息 《/a》《a class=“red-color directorder“ onclick=“document.getElementById(’form’).submit()“》 提交消息 《/a》《/form》
HTML表单的按钮形式
1、打开Dreamweaver软件，鼠标左键选择新建【HTML】，在代码窗口上，修改网页title标签，比如表单中添加按钮，如下图所示。
2、接着，在【设计】窗口中，鼠标左键单击菜单【插入】下的【表单】，如下图所示。
3、在【设计】窗口上，左键单击菜单【插入】下的【表单】的【文本域】，并在弹出的而窗口中，设置文本的参数，如名称等，如下图所示。
4、接着，左键单击菜单【插入】下的【表单】的【按钮】，如下图所示。
5、然后，在弹出的按钮设置窗口上，设置按钮的参数，如按钮的名称等，如下图所示。
6、最后，鼠标左键单击【实时视图】窗口，可以看到制作好的添加按钮的表单，可以在表单中输入文字，单击按钮，查看显示效果，如下图所示。
HTML 表单 提交按钮 问题
不行，submit按钮就是把按钮所在的form里的内容进行提交，不能做其他的操作；如果要进行判断的话可以把submit改成button进行处理。
HTML 表单提交 的简单代码
1、打开Dreamweaver 编辑器，准备好一个空白的html文件，写入基本的html结构：
2、创建表单，演示中表单中设置年龄和姓名两个属性，然后创建提交按钮：
3、上方设置script标签，在里面创建js函数，函数内容为获取表单提交
3、接着打开浏览器预览效果，在表单内填入内容点击提交：
4、点击提交后，js就会把数据提交到指定位置了。以上就是HTML提交表单的操作：