<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./bootstrap-5.1.3-dist/css/bootstrap.css">
<script src="./bootstrap-5.1.3-dist/js/bootstrap.js"></script>
</head>
<body>
<form action="" class="w-75 mx-auto mt-5">
<div class="mb-3">
<label for="uname" class="form-label">用户名：</label>
<input type="text" class="form-control" id="uname">
</div>
<div class="mb-3">
<label class="form-label">密码</label>
<input type="password" class="form-control" >
</div>
<div class="mb-3">
<label for="" class="form-label">性别：</label>
<div class="form-check form-check-inline">
<input type="radio" class="form-check-input " name="sex"><label for="aa">男</label>
</div>
<div class="form-check form-check-inline">
<input type="radio" class="form-check-input " name="sex"><label for="aa">女</label>
</div>
</div>
<div class="mb-3">
<label for=""class="form-label">爱好：</label>
<div class="form-check form-check-inline">
<input type="checkbox" class="form-check-input">唱
</div>
<div class="form-check form-check-inline">
<input type="checkbox" class="form-check-input">跳
</div>
<div class="form-check form-check-inline">
<input type="checkbox" class="form-check-input">rap
</div>
</div>
<div class="mb-3">
<label class="form-label">政治面貌：</label>
<select name="" id="" class="form-select form-select-sm">
<option value="">党员</option>
<option value="">团员</option>
<option value="">群众</option>
</select>
</div>
<div class="mb-3">
<label for="">备注：</label>
<textarea name="" id="" class="form-control"></textarea>
</div>
<div class="mb-3">
<label for="">附件：</label>
<input type="file" class="form-control">
</div>
<div class="mb-3">
<label for="">颜色：</label>
<input type="color" class="form-control form-control-color">
</div>
<div class="mb-3">
<label for="">范围：</label>
<input type="range" class="form-range">
</div>
</div>
</form>
</body>
</html>
扫一扫
04-30
2048
2048
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
