1
2
3
4
5
6
7
.reg{text-align: center}
.reg dl{width:300pxtext-align:left}
.reg dl dt{margin:10px 0}
.reg dl dt.user_img{text-align:centermargin:20px 0}
.reg span{width:70pxdisplay: blockfloat:left}
.reg input.text{width:220pxheight:19px}
.reg input.button{margin:20px 35px}
html代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<form action="post.php" method="post">
<dl>
<dt><span>用户名：</span><input type="text" name="username" class="text"></dt>
<dt><span>密码：</span><input type="password" name="password" class="text"></dt>
<dt><span>密码确认：</span><input type="password" name="re_password" class="text"></dt>
<dt><span>密码提示：</span><input type="text" name="username" class="text"></dt>
<dt><span>密码回答：</span><input type="text" name="username" class="text"></dt>
<dt><span>性别：</span><input type="radio" name="man">男<input type="radio" name="women">女</dt>
<dt class="user_img"><img src="css/face/m01.gif" alt="m01" id="user_img"><input type="text" value="m01.gif" id="user_img_value"></dt>
<dt><span>电子邮件：</span><input type="text" name="mail" class="text"></dt>
<dt><span>QQ：</span><input type="text" name="qq" class="text"></dt>
<dt><span>主页地址：</span><input type="text" name="website" class="text"></dt>
<dt><span>验证码：</span><input type="text" name="yzm" class="text"></dt>
<dt><input type="submit" value="点击注册" class="button"><input type="reset" value="重置信息" class="button"></dt>
</dl>
</form>
//cs代码给textbox控件添加属性textbox.Attributes.Add("onpropertychange","changeBorder(this)")
textbox.Attributes.Add("oninput","changeBorder(this)")
//css样式
.demo{border:solid 1px Red}
//页面文件添加js方法
function changeBorder(textbox)
{
if(textbox.value=="") textbox.className=""
else textbox.className="demo"
}
