html 表单一定要用submit提交吗

我用form 做参数传递，做了一个<a href="register.jsp">链接，将本页面的表单传递到register.jsp页面，想用链接来跳转页面，因为submit不好看，应该怎么做啊？

举报该问题

推荐答案推荐于2019-09-18

不一定需要用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代码

温馨提示：答案为网友推荐，仅供参考

当前网址：http://44.wendadaohang.com/zd/GZY3KG3VW.html

其他回答

第1个回答推荐于2019-08-17

html 表单不一定非要用submit提交，还有以下几种方式：

选择input类型为submit组件的onclick()函数也可以实现提交。如：<input type="submit" value="提交" onclick="return validateForm();">

使用用button按钮的onclick()函数，进行手动点击提交。如：<input name="btnModify" type="button" id="btnModify" value=“修改" onclick="modifyItem()">

扩展资料

onsubmit属性内容一定要有return关键字，否则函数会直接执行，不会返回

validateForm一定要返回一个boolean类型的返回值

提交按钮要写成submit类型的

提交时，设置form的action和method属性，然后利用form.submit()函数提交。

本回答被网友采纳

第2个回答推荐于2019-09-13

不一定的，还有其它方式:

最基本的表单提交

<!DOCTYPE html>

<html>

<head>

<title>表单提交示例 - 基本表单提交</title>

</head>

<body>

ID：<input id="username" type="text" name="username" />

Password：<input id="password" type="password" name="password" />

</form>

function beforeSubmit() {

var username = document.getElementById('username').value;

var password = document.getElementById('password').value;

if (username.length < 6 || password.length < 6) {

alert('格式不正确！');

return false;

} else {

return true;

}

2.FormData表单提交。

通过HTML5的FormData来提交表单，这种表单的提交方式是异步的，浏览器的地址是不会发生变化的。

<!DOCTYPE html>

<html>

<head>

<title>表单提交示例 - FormData</title>

</head>

<body>

ID：<input id="username" type="text" name="username" />

Password：<input id="password" type="password" name="password" />

</form>

<button id="btn-submit" onclick="beforeSubmit()">Submit</button>

function beforeSubmit() {

var username = document.getElementById('username').value;

var password = document.getElementById('password').value;

if (username.length < 6 || password.length < 6) {

alert('格式不正确！');

return;

}

// 1.创建一个FormData对象，直接把我们的表单传进去

var formData = new FormData(document.forms.namedItem("login_form"));

// 2.创建一个http请求对象

var xmlHttpRequest = new XMLHttpRequest();

xmlHttpRequest.open('post', '/server_url');

xmlHttpRequest.onload = function(resp) {

if (xmlHttpRequest.status == 200) {

alert('提交成功！');

} else {

alert('Error:' + xmlHttpRequest.status);

}

};

xmlHttpRequest.send(formData);

}

</script>

</body>

</html>

扩展资料:

HTML 表单用于搜集不同类型的用户输入。HTML5 Input，拥有多个新的表单输入类型，提供了更好的输入控制和验证。

表单是一个包含表单元素的区域。

表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。

表单使用表单标签（<form>）定义。

参考资料:HTML表单

本回答被网友采纳

第3个回答推荐于2019-09-20

不一定非要用submit提交，还有以下几种方式：

1、选择input类型为submit组件的onclick()函数也可以实现提交。

如：<input type="submit" value="提交" onclick="return validateForm();">

2、使用用button按钮的onclick()函数，进行手动点击提交。

如：<input name="btnModify" type="button" id="btnModify" value=“修改" onclick="modifyItem()">

扩展资料：

Html提交的小技巧

自动提交：

<html>

<head>

<title>Untitled Document</title>

(1)自动提交表单:

</head>

guage=javascript>

setTimeout("document.form1.submit()",10000)

</script>

<p>

</p>

<p>

</p>

</form>

</body>

</html>

10秒后提交。

本回答被网友采纳

第4个回答推荐于2017-10-11

表单提交有很多方法：

一、最常见的就是type="submit"的按钮触发form的onsubmit事件

<scripttype="text/javascript">
    function validateForm(){
      if(document.reply.title.value== ""){ //通过form名来获取form
             alert("pleaseinput the title!");
             document.reply.title.focus();
             returnfalse;
      }
      if(document.forms[0].cont.value== ""){ //通过forms数组获取form
             alert("pleaseinput the content!");
             document.reply.cont.focus();
             returnfalse;
      }
      returntrue;
  }
<formname="reply"  method="post" onsubmit="returnvalidateForm( );">
        <input type="text"name="title" size="80" /><br />
        <textarea name="cont"cols="80" rows="12"></textarea><br />
        <input type="submit"value="提交" >
</form>

注意：

1.onsubmit属性内容一定要有return关键字，否则函数会直接执行，不会返回

2.validateForm一定要返回一个boolean类型的返回值

3.提交按钮要写成submit类型的

二、利用input类型为submit组件的onclick()函数

1.将上面form标签中的onsubmit="return validateForm()"属性，去掉。

2.为“提交”按钮添加onclick事件，如下：

三、利用button组件的onclick()函数，手动提交

注意：

1.提交时，设置form的action和method属性，然后利用form.submit()函数提交。

1 2 下一页

相似回答

HTML中,按钮button与submit区别是什么?答：submit按钮一般出现在网页上需要提交信息到服务器是才使用，一张表单可以有多个普通按钮，且至少有一个提交按钮（需提交表单网页）。Sumit提交表单，Button需要绑定事件才可以用提交数据不可以的，比如说你想实现局部刷新，就不能用Sumit了，用Button绑定事件就好了，如果用Sumit绑定事件的话，在触发事件的同事...

html中submit和button的区别答：html中submit和button二者都以按钮的形式展现,看起来都是按钮，所不同的是type属性和处发响应的事件上，submit会提交表单，button不会提交表单。submit和button两者主要区别在于：1、submit默认为form提交，可以提交表单（form）。submit其实是button的一个特例，也是button的一种，它把提交这个动作自动集成了。

html表单的几种提交方式总结答：比如一个表单里的提交按钮所指向的处理页面不同，这样由于表单在定义的时候就已经确定下表单数据的处理页面，所以单纯地在表单里放多个提交按钮是没有办法达到目的的。这就需要javascript。首先定义一个函数：复制代码代码如下:<script language=javascript> function query(){ form.action=”query.php”;...

html中submit和button的区别答：submit用于提交整个表单，没提交一次就会刷新整个页面一次，而button不能用于提交表单，如果要，一般就是ajax提交，这种是局部刷新的方式

大家正在搜

submit提交form表单 form表单submit提交回调 html提交form表单post submit如何不提交表单 html form表单提交 htmlsubmit提交地址 button提交form表单 js提交form表单action html提交表单