<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>from表单练习</title>
</head>
<body>
<form action="##">
用户名:<input type="text">
<br>
密码框:<input type="text">
<br>
<label for="">
性别:
<input type="radio" name="nihao"> 男
</label>
<label for="">
<input type="radio" name="nihao"> 女
<!-- name别名只能选一个 -->
</label>
<br>
<label for="">
<input type="checkbox">唱歌
</label>
<label for="">
<input type="checkbox">跳舞
</label>
<label for="">
<input type="checkbox">篮球
</label>
<br>
<input type="file"">
<br>
学历:<select name="" id="">
<option value="">请选择学历</option>
<option value="">本科</option>
<option value="">研究生</option>
</select>
<br>
<input type="submit" value="提交">
<input type="reset" value="重置">
</form>
<script>
</script>
</body>
</html>
HTML 表单练习
最新推荐文章于 2022-02-17 14:04:37 发布