我在制作此表单时遇到了提交按钮的问题,由于某种原因,当我按提交时,该方法(在javascript中)不会更新页面底部的表单信息。我不知道是否与页面中的拼写错误或逻辑错误有关。
<!DOCTYPE html>
<html> <head> <title></title>
<script>
function update(){
var form = document.getElementById("myForm");
var status = document.getElementById("status");
status.innerHTML = "First Name" + form.elements["name"].value
}
</script>
</head>
<body>
<form id = "myForm">
First Name: <input name = "first" /><br />
Last Name: <input name = "second"/><br />
Date <input type="date" name = "date"/><br />
Eye Colour <select name ="colour">
<option value="blue">Blue</option>
<option value="green">Green</option>
<option value="brown">Brown</option>
<option value="grey">Grey</option>
<optioin value = "other"> Other</optioin>
</select> <br />
<button type="reset" value="Reset">Reset</button><br />
<button type="submit" onCLick = "update();" value="Submit">Submit</button>
</form>
<div id="status"></div>
</body>
</html>