<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
form {width: 600px;border: 1px #000 solid;margin: 0 auto;padding: 10px;}
fieldset {margin-bottom: 10px;padding: 10px;}
.ld1 {border: #f00 1px solid; padding: 5px 5px;}
.ld2 {border: #f00 1px solid; padding: 5px 5px;}
.ld3 {border: #f00 1px solid; padding: 5px 5px;}
</style>
</head>
<body>
<form name="表单名" method="post" action="">
<fieldset>
<legend class="ld1">登录</legend>
<p>姓名：<input type="text" /></p>
<p>密码：<input type="password"/></p>
<p><input type="submit" value="登录"/> <input type="reset" value="重新输入"/></p>
<!-- 点击文字也能选上 -->
<p>性别：<label for="man">男<input type="radio" name="sex" id="man"/></label>
<label for="woman" >女<input type="radio" name="sex" id="woman"/></label></p>
<p>爱好：打游戏<input type="checkbox" name="like"/>篮球<input type="checkbox" name="like"/>乒乓球<input type="checkbox" name="like"/>音乐<input type="checkbox" name="like"/></p>
<p><input type="button" value="下一页"/>
</p>
</fieldset>
<fieldset>
<legend class="ld2">出生日期</legend>
<p>
<select>
<option>1990</option>
<option>1991</option>
<option>1992</option>
<option>1993</option>
</select>年
<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>月
</p>
</fieldset>
<fieldset>
<legend class="ld3">个人简介</legend>
<p>
<textarea cols="50" rows="10">
</textarea>
</p>
</fieldset>
</form>
</body>
</html>
1705
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
