在Web開發中，HTML和AJAX是必備的技能。HTML是前端最基礎的技術，用來構建網頁。而AJAX則是前端常用的異步通信技術，可以實現網頁動態更新。
本文將介紹一個基于HTML和AJAX的表單實例代碼。這個表單可以通過AJAX技術實現不刷新頁面就發送表單數據。
<html>
<body>
<form id="myForm" onsubmit="sendForm();return false;">
<label for="name">姓名：</label>
<input type="text" id="name" name="name">
<br>
<label for="age">年齡：</label>
<input type="text" id="age" name="age">
<br>
<input type="submit" value="提交">
</form>
<p id="result"></p>
<script>
function sendForm() {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
document.getElementById("result").innerHTML = xhr.responseText;
}
}
xhr.open("POST", "submit.php", true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
var name = document.getElementById("name").value;
var age = document.getElementById("age").value;
xhr.send("name="+name+"&age="+age);
}
</script>
</body>
</html>以上便是一個基于HTML和AJAX的表單實例代碼。其中，HTML代碼構建了一個帶有姓名和年齡輸入框的表單，并定義了一個提交按鈕。在表單提交時，會執行一個sendForm()函數，這個函數通過AJAX技術發送表單數據。當AJAX請求完成后，我們將通過JS操作DOM元素將返回結果顯示到頁面上。
下一篇設置的css不生效