1.代码区展示
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>输入</title>
<style>
.form{
width: 50%;
height: 50%;
color:rgb(157, 0, 255);
background-color: rgb(215, 250, 243);
}
</style>
</head>
<body>
<form class="form" name="信息" method="">
user:<input><br>
passwd:<input type="password"><br>
mailbox:<input><br>
<input type="text" name="jieshao" maxlength="50" size="60" value="http://"><br>
<p>性别</p>
<input type="radio" name="sex" value="male">Male
<input type="radio" name="sex" value="female">Female<br>
<p>爱好</p>
<input type="checkbox" name="like">篮球<br>
<input type="checkbox" name="like">羽毛球<br>
<input type="checkbox" name="like">网球<br>
<input type="checkbox" name="like">排球<br>
<input type="checkbox" name="like">其他<br>
其他:<input>
<p>出生年月日</p>
<form name="aihao">
<select name="like" size="1" >
<option>apple</option>
<option>pear</option>
<option>hy</option>
</select>
<select name="year" size="1" >
<option>2024</option>
<option>2023</option>
<option>2022</option>
<option>2021</option>
<option>2020</option>
<option>2019</option>
<option>2018</option>
<option>2017</option>
<option>2016</option>
<option>2015</option>
<option>2014</option>
</select>
<select name="month" size="1" >
<option>12</option>
<option>11</option>
<option>10</option>
<option>9</option>
<option>8</option>
<option>7</option>
<option>6</option>
<option>5</option>
<option>4</option>
<option>3</option>
<option>2</option>
<option>1</option>
</select>
<select name="day" size="1" >
<option>31</option>
<option>30</option>
<option>29</option>
<option>28</option>
<option>27</option>
<option>27</option>
<option>27</option>
<option>27</option>
<option>27</option>
<option>27</option>
<option>27</option>
<option>27</option>
<option>27</option>
</select><br>
<input type="image" src="https://ts1.cn.mm.bing.net/th/id/R-C.31df3a5a2d8462228734f95d459883e2?rik=7EE6TeWDk%2f%2bctQ&riu=http%3a%2f%2fwww.quazero.com%2fuploads%2fallimg%2f140303%2f1-140303214331.jpg&ehk=SpI7mz%2byLqOkT8BL79jcd3iCtQYNFlBHQzbtF1p0vuQ%3d&risl=&pid=ImgRaw&r=0" width="100" >
<input type="text" maxlength="4"><br>
<textarea name="info" rows="10" cols="50"></textarea><br>
<input type="file"><br>
<input type="submit" value="注册"><br>
<input type="reset"><br>
</form>
<hr>
<div class="form">
form
</div>
</body>
</html>
2.效果页面展示: