<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
.container{
width: 40%;
margin: 20px auto;
}
.common{
width:230px;
height: 30px;
}
span{
display:inline-block;
width: 150px;
text-align: right;
}
div{
margin-bottom: 10px;
}
</style>
</head>
<body>
<form class="container">
<!-- ********* Begin ********* -->
<div>
<span>用户名：</span>
<input type="text" class="common"/>
</div>
<div>
<span>昵称：</span>
<input type="text" class="common"/>
</div>
<div>
<span>性别：</span>
<input type="radio" id="male" name="sex">
<label for="male">男</label>
<input type="radio" id="female" name="sex">
<label for="female">女</label>
<input type="radio" id="other" name="sex" disabled="disabled">
<label for="other">保密</label>
</div>
<div>
<span>教育程度：</span>
<select class="common">
<option >高中</option>
<option>中专</option>
<option>大专</option>
<option selected="selected">本科</option>
<option>硕士</option>
<option>博士</option>
<option>其他</option>
</select>
</div>
<div>
<span>婚姻状况：</span>
<input type="radio" id="single" name="state" checked="checked">
<label for="single">未婚</label>
<input type="radio" id="married" name="state">
<label for="married">已婚</label>
<input type="radio" id="secret" name="state">
<label for="secret">保密</label>
</div>
<div>
<span>兴趣爱好：</span>
<input type="checkbox" id="football" name="hobby" />
<label for="football">踢足球</label>
<input type="checkbox" id="basketball" name="hobby" />
<label for="basketball">打篮球</label>
<input type="checkbox" id="film" name="hobby" checked="checked"/>
<label for="film">看电影</label>
</div>
<div>
<span>描述自己的特点：</span>
<textarea class="common" maxlength="20"></textarea>
</div>
<div>
<span></span>
<input type="submit" class="common" value="提交"/>
</div>
<!-- ********* End ********* -->
</form>
</body>
</html>
头歌教学实践平台 Web前端开发基础 HTML-表单类的标签
需积分: 5 194 浏览量
2024-01-20
14:06:52
上传
评论
收藏 6KB ZIP 举报
HTML——表单类的标签.zip （11个子文件） 
HTML——表单类的标签 
表单元素——下拉列表.txt 251B 表单元素——disabled 属性.txt 261B 表单元素——文本框.txt 115B 表单元素——多选框.txt 248B 表单元素的综合案例.txt 2KB 表单元素——提交按钮.txt 320B 表单元素——checked属性.txt 213B 表单元素——密码框.txt 129B 表单元素——label 标签.txt 261B 表单元素——单选框.txt 412B 表单元素——文本域.txt 239B资源评论
