21 CSS美化表单--1.设计登录表单
CSS美化表单--1.设计登录表单
fieldset组合表单中的相关元素
所有浏览器都支持 <fieldset> 标签。
当一组表单元素放到 <fieldset> 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素。
<legend>标签为 fieldset 元素定义标题。
<fieldset>
<legend>用户登陆</legend>
</fieldset>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#box{
width: 360px;
margin: 0 auto;
}
</style>
</head>
<body>
<div id="box">
<form action="" method="post">
<fieldset>
<legend>用户登陆</legend>
<p>
用户名: <input type="text" name="uname" id="uname" />
</p>
<p>
密码： <input type="password" name="pwd" id="pwd" />
</p>
<p>
<input type="submit" value="登录"/>
<input type="reset" value="重置" />
</p>
</fieldset>
</form>
</div>
</body>
</html>
吐槽一下
还没有留言，还不快点抢沙发？