<!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>Document</title>
<style>
.box {
300px;
height: 300px;
border: 1px solid red;
text-align: center;
font-size: 20px;
text-indent: 4em;
font-style: italic;
font-weight: bold;
/* font: 20px/50px 30px 'Microsoft Yahei'; */
font: italic bold 20px/50px "Microsoft Yahei";
overflow: hidden;
font-weight: normal;
font-style: normal;
line-height: 60px;
}
</style>
</head>
<body>
<div class="box">
搜狐娱乐讯 7年后，搜狐娱乐讯 7年后，老友大银幕上再合作，他们之间的角色关系是？杨幂和霍建华，对《逆时营救》里两人的关系给出了对立又逗趣的答案霍建华：相爱相杀。杨幂：没有相爱，只有相杀。
</div>
<form action="">
<!-- 用户名 -->
<p>
<label for="name">用户名：</label>
<input type="text" name="name" id="name" />
</p>
<!-- 密码 -->
<p>
<label for="pwd">密码：</label>
<input type="password" name="pwd" id="pwd">
</p>
<!-- 性别 -->
<p>
性别：
<label for="man">
<input type="radio" name="sex" id="man" value="0">男
</label>
<label for="woman">
<input type="radio" name="sex" id="woman" value="1">女
</label>
</p>
<!-- 爱好 -->
<p>
爱好：
<label for="sleep">
<input type="checkbox" name="like" id="sleep" value="0" />睡觉
</label>
<label for="learn">
<input type="checkbox" name="like" id="learn" value="1">学习
</label>
<label for="watchTV">
<input type="checkbox" name="like" id="watchTV" value="2">看电视
</label>
<label for="practice">
<input type="checkbox" name="like" id="practice" value="3">健身
</label>
</p>
<!-- 艳照 -->
<p>
艳照：
<input type="file" name="file" id="file">
</p>
<!-- 下来列表 -->
<p>
籍贯：
<select name="addr" id="addr">
<option value="0">北京</option>
<option value="1">上海</option>
<option value="2">广州</option>
<option value="3" selected="selected">深圳</option>
</select>
</p>
<!-- 个人描述 -->
<p>
<label for="info">个人描述：</label>
<textarea name="info" id="info" cols="30" rows="10"></textarea>
</p>
<!-- 隐藏域 -->
<input type="hidden" name="isVip" value="YES">
<!-- 普通按钮 -->
<input type="button" name="button" value="普通按钮">
<!-- 注册按钮 -->
<input type="submit" name="submit" value="注册">
<!-- 重置按钮 -->
<input type="reset">
</form>
</body>
</html>