html搭建结构

原创2019-01-02 18:12:14107
摘要:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>PHP中文网</title><style type="text/css">.content{width:400px;height:2000px;margin: 10

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>PHP中文网</title>

<style type="text/css">

.content{width:400px;height:2000px;margin: 100px auto 0 auto;background-color: #f5f5f5;padding: 20px 40px;}

.content div{padding-top: 10px;}

</style>

</head>

<body>

<a id="top"></a>

<div>

<form action="url地址" method="get/post" name="">

<div>

<label for="username">用户名:</label>

<input type="text" name="username" value="" placeholder="请输入用户名">

<div>

<div>

<label for="userpass">密码:</label>

<input type="password" name="userpass" value="" placeholder="密码">

</div>

<div>

<label for="sex">性别:</label>

<input type="radio" name="sex">男

<input type="radio" name="sex">女

</div>

<div>

<label for="hobby">喜好:</label>

<input type="checkbox" name="hobby" value="1">游泳

<input type="checkbox" name="hobby" value="2">健身

<input type="checkbox" name="hobby" value="3">打球

<input type="checkbox" name="hobby" value="4">游戏

<input type="checkbox" name="hobby" value="5">打豆豆

</div>

<div>

<label for="ages">年龄段:</label>

<select name="ages" style="width:120px;">

<option value="1">16-20</option>

<option value="1">21-30</option>

<option value="1">31-45</option>

<option value="1">45-60</option>

</select>

</div>

<div>

<label for="introduce">介绍:</label>

<textarea name="introduce">这里是介绍</textarea>

</div>

</form>

<div>

<a href="#top" style="color:blue;text-decoration: none;">回到顶部</a>

</body>

</html>


批改老师:灭绝师太批改时间:2019-01-03 08:58:20
老师总结:非常好,课程里面的标签都是非常常用的,一定要好好掌握奥

发布手记

热门词条