html个人信息录入
时间: 2023-12-08 20:39:44 浏览: 224
个人信息录入
以下是一个简单的HTML个人信息录入页面的例子,包括姓名、性别、年龄、籍贯和城市等信息的录入,并且在点击“提交”按钮时,使用JavaScript编程在当前页面显示录入信息,并且实现籍贯和城市的级联。
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>个人信息录入</title>
<script type="text/javascript">
function showInfo() {
var name = document.getElementById("name").value;
var gender = document.getElementById("gender").value;
var age = document.getElementById("age").value;
var nativePlace = document.getElementById("nativePlace").value;
var city = document.getElementById("city").value;
document.getElementById("info").innerHTML = "姓名:" + name + "<br>性别:" + gender + "<br>年龄:" + age + "<br>籍贯:" + nativePlace + "<br>城市:" + city;
}
</script>
</head>
<body>
<form>
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br>
<label for="gender">性别:</label>
<select id="gender" name="gender">
<option value="男">男</option>
<option value="女">女</option>
</select><br>
<label for="age">年龄:</label>
<input type="text" id="age" name="age" maxlength="3"><br>
<label for="nativePlace">籍贯:</label>
<select id="nativePlace" name="nativePlace">
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="广东">广东</option>
<option value="江苏">江苏</option>
</select><br>
<label for="city">城市:</label>
<select id="city" name="city">
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="广州">广州</option>
<option value="深圳">深圳</option>
<option value="南京">南京</option>
<option value="苏州">苏州</option>
</select><br>
<input type="button" value="提交" onclick="showInfo()">
</form>
<div id="info"></div>
</body>
</html>
```
阅读全文