<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
*{
padding: 0
margin: 0
}
form{
width: 500px
height: 600px
border:1px solid red
line-height: 30px
padding-left: 80px
}
</style>
</head>
<body>
<form>
<h3 style="padding-left: 0text-align: center">个人信息表</h3>
<p style="margin-left: -60px">请输入你的个人信息</p>
姓名：<input type="text"><br>
性别：<input type="radio" name='sex' value="female" checked>女
<input type="radio" name='sex' value="male">男<br>
学历：<select name="degree" id="">
<option value="ke">本科</option>
<option value="zk">专科</option>
<option value="gz">高中</option>
</select><br>
爱好：<input type="checkbox" >看电影
<input type="checkbox" checked>听音乐
<input type="checkbox">打篮球
<input type="checkbox">看书
<input type="checkbox" checked>上网<br>
地址：<input type="text"><br>
电话：<input type="text"><br>
QQ：<input type="text"><br>
<span style="margin-left: -60px">请上传你的图像：</span><input type="file" name="avater" id=""><br>
<span>自我评价：</span><textarea name="" id="" cols="30" rows="10"></textarea><br>
<input type="submit" name="" id="" value="提交" style="margin-left: 100pxmargin-right: 50px">
<input type="reset" name="" id="" value="重置">
<p style="text-align: centermargin-top: 20px">©班级：**** 学号：***** 姓名：****** 时间：*****</p>
</form>
</body>
这封信包含了整页，包含呈现页面所需的所有信息，包含页面内容的。这三个语义元素构成了每个HTML文档的主干。语义HTML标记允许您向标记添加含义，以便搜索引擎、屏幕阅读器和web浏览器能够理解它。默认情况下，当用户代理读取您的内容时，它不理解上下文和含义。语义HTML标记允许您向用户提供结构化内容，这对于页面搜索引擎优化和可访问性尤其重要。想要对语义HTML标记了解更多，建议参加web前端培训，可以在短时间内获得快速提升。
HTML 5中的块级语义元素，块级语义标记有两种主要类型：分段元素、语义流元素。分段元素在HTML文档中创建一个不同的分段；语义流元素具有语义，但不会在文档中创建不同的块，因此它们不能有自己的标题和页脚元素。
<html><body><form>用户注册页面实例<br>
用户名:<input type=text>密码:<input type=text>确认密码:<input type=text><br>
您的年龄是?<br>
<input type=radio>16周岁一下<input type=radio>17-22周岁<input type=radio>29周岁以上<br>
您的个人爱好有？<br>
<input type=checkbox>交友<input type=checkbox>上网<input type=checkbox>看书<input type=checkbox>篮球<input type=checkbox游戏><input type=checkbox>其它<br>
您来自哪儿<br>
<select><option>北京<option>纽约<br>
自我介绍<br>
<textarea></textarea>
<input type=submit value='注册'><input type=reset value='重置'>
</form></body></html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）