HTML 通过超链接进行表单提交

在互动型网页中,表单的运用是最常见的,小到留言、注册,大到搜索、查询信息,可谓是无处不在。但原本的表单元素样式单一、可塑性差,已经不能很好的展示美化页面。

现在觉大多数站点已经采用DIV+CSS美工,这就让我们必须对表单进行“改版”,今天我们来说说“按钮”,最普遍的按钮就是提交按钮,用于提交表单,那么我们该如何改动它呢?请看代码:


<form name=form method="GET" action=""> 
<INPUT name="a" value="数据"> 
<INPUT TYPE="submit" name="submit" value = "提交按钮" style="display:none">  <!--隐藏一个按钮-->
<a target="_blank" onclick="javascript:document.form.submit.click();">提交</a>
</form> 

方法其实很简单,下面大家可以测试一下效果,点击“提交”超链接,就向本页GET提交文本 a 的“数据”和按钮 submit 的“提交按钮”,大家注意网页地址栏的变化。

提交