請(qǐng)問在HTML中,如何設(shè)置表單提交時(shí)不刷新頁面?
Kakaku優(yōu)選達(dá)人跨境問答2025-05-061750
在HTML中,設(shè)置表單提交時(shí)不刷新頁面的方法是通過JavaScript來實(shí)現(xiàn)的。以下是一個(gè)示例代碼:
<!DOCTYPE html>
<html>
<head>
<title>表單提交示例</title>
</head>
<body>
<form id="myForm" action="/submit_page" method="post">
<label for="fname">姓名:</label><br>
<input type="text" id="fname" name="fname"><br>
<label for="lname">年齡:</label><br>
<input type="text" id="lname" name="lname"><br>
<input type="submit" value="提交">
</form>
<script>
document.getElementById('myForm').addEventListener('submit', function(event) {
event.preventDefault(); // 阻止表單提交時(shí)的頁面刷新
// 在這里添加你的表單處理邏輯
console.log('表單已提交');
});
</script>
</body>
</html>
在這個(gè)示例中,我們創(chuàng)建了一個(gè)名為myForm
的表單,并為其添加了一個(gè)事件監(jiān)聽器。當(dāng)表單提交時(shí),使用event.preventDefault()
方法來阻止頁面刷新。你可以根據(jù)需要修改這個(gè)事件處理器中的代碼,以實(shí)現(xiàn)你想要的功能。
本文內(nèi)容根據(jù)網(wǎng)絡(luò)資料整理,出于傳遞更多信息之目的,不代表金鑰匙跨境贊同其觀點(diǎn)和立場(chǎng)。
轉(zhuǎn)載請(qǐng)注明,如有侵權(quán),聯(lián)系刪除。