我用form 做參數(shù)傳遞，做了一個(gè)<a href="register.jsp">鏈接，將本頁面的表單傳遞到register.jsp頁面， 想用鏈接來跳轉(zhuǎn)頁面，因?yàn)閟ubmit不好看，應(yīng)該怎么做??？
3 回答
四季花海
TA貢獻(xiàn)1811條經(jīng)驗(yàn) 獲得超5個(gè)贊
不一定的，還有其它方式:
最基本的表單提交
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表單提交示例 - 基本表單提交</title>
</head>
<body>
<form action="/server_url" method="post" onsubmit="return beforeSubmit()">
ID：<input id="username" type="text" name="username" />
Password：<input id="password" type="password" name="password" />
<input type="submit" value="Submit" />
</form>
<script type="text/javascript">
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來提交表單，這種表單的提交方式是異步的，瀏覽器的地址是不會(huì)發(fā)生變化的。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表單提交示例 - FormData</title>
</head>
<body>
<form name="login_form" action="/server_url" method="post">
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>
<script type="text/javascript">
function beforeSubmit() {
var username = document.getElementById('username').value;
var password = document.getElementById('password').value;
if (username.length < 6 || password.length < 6) {
alert('格式不正確！');
return;
}
// 1.創(chuàng)建一個(gè)FormData對(duì)象，直接把我們的表單傳進(jìn)去
var formData = new FormData(document.forms.namedItem("login_form"));
// 2.創(chuàng)建一個(gè)http請(qǐng)求對(duì)象
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>
擴(kuò)展資料:
HTML 表單用于搜集不同類型的用戶輸入。HTML5 Input，擁有多個(gè)新的表單輸入類型，提供了更好的輸入控制和驗(yàn)證。
表單是一個(gè)包含表單元素的區(qū)域。
表單元素是允許用戶在表單中（比如：文本域、下拉列表、單選框、復(fù)選框等等）輸入信息的元素。
表單使用表單標(biāo)簽（<form>）定義。
<form> <input /></form>
參考資料:HTML表單
SMILET
擴(kuò)展資料
TA貢獻(xiàn)1796條經(jīng)驗(yàn) 獲得超4個(gè)贊
html 表單不一定非要用submit提交，還有以下幾種方式：
選擇input類型為submit組件的onclick()函數(shù)也可以實(shí)現(xiàn)提交。如：<input type="submit" value="提交" onclick="return validateForm();">
使用用button按鈕的onclick()函數(shù)，進(jìn)行手動(dòng)點(diǎn)擊提交。如：<input name="btnModify" type="button" id="btnModify" value=“修改" onclick="modifyItem()">
擴(kuò)展資料
onsubmit屬性內(nèi)容一定要有return關(guān)鍵字，否則函數(shù)會(huì)直接執(zhí)行，不會(huì)返回
validateForm一定要返回一個(gè)boolean類型的返回值
提交按鈕要寫成submit類型的
提交時(shí)，設(shè)置form的action和method屬性，然后利用form.submit()函數(shù)提交。
有只小跳蛙
TA貢獻(xiàn)1824條經(jīng)驗(yàn) 獲得超8個(gè)贊
不一定非要用submit提交，還有以下幾種方式：
1、選擇input類型為submit組件的onclick()函數(shù)也可以實(shí)現(xiàn)提交。
如：<input type="submit" value="提交" onclick="return validateForm();">
2、使用用button按鈕的onclick()函數(shù)，進(jìn)行手動(dòng)點(diǎn)擊提交。
如：<input name="btnModify" type="button" id="btnModify" value=“修改" onclick="modifyItem()">
擴(kuò)展資料：
Html提交的小技巧
自動(dòng)提交：
<html>
<head>
<title>Untitled Document</title>
(1)自動(dòng)提交表單:
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
guage=javascript>
setTimeout("document.form1.submit()",10000)
</script>
<body bgcolor="#FFFFFF" text="#000000">
<form name="form1" method="post" action="pp.asp">
<p>
<input type="text" name="textfield">
</p>
<p>
<input type="text" name="textfield2">
</p>
</form>
</body>
</html>
10秒后提交。
- 3 回答
- 0 關(guān)注
- 2154 瀏覽
添加回答
舉報(bào)
0/150
提交
取消