表单样式

最新推荐文章于 2023-10-31 13:35:59 发布

aojing7849

最新推荐文章于 2023-10-31 13:35:59 发布

阅读量86

点赞数

原文链接：http://www.cnblogs.com/may-13/p/6894652.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css" media="screen">
body,h1,h2,h3,h4,blockquote,p,dl,dt,dd,ul,ol,li,th,td,form,fieldset,legend,button,input,textarea{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 tahoma,arial;}
body{background:#dcdcdc url(../images/bg.jpg) repeat-y center top;}
button,input,select,textarea,h1,h2,h3,h4{font-size:12px}
em,i{font-style:normal}
ol,ul,li{list-style:none}
img,fieldset{border:0;}
a:link { color:#333; text-decoration:none;}
a:visited { color:#333; text-decoration:none;}
a:hover {color:#00b8ef; text-decoration:none;}
a:active {color:#00b8ef; text-decoration:none;}
.lianxi_left{ float:left; width:445px; margin:20px 0 20px 30px; background:url(lianxi%201.jpg) no-repeat left top;}
.feed {padding-top: 120px;}
.feed ul, .tj {display: block; clear:both;}
.feed li {line-height: 40px;overflow: hidden; float:left;margin:0 0 3px 12px;}
.feed strong {color: #f00; margin:5px;}
.feed li span {color: #fff;display: inline-block;vertical-align: top; text-align:center; padding-left:5px;}
.bts {background-color: #3675b8;border: solid 1px #fff;cursor: pointer;font-size: 16px;height: 32px;line-height: 30px; margin:5px 15px 0 0;padding: 0 10px;width: 120px; color:#fff}
.tj { margin-bottom:15px;text-align: center;}
.ipt,.ipt2{background:#689fd9;line-height:29px;height:29px;width:139px;border:1px solid #689fd9;}
.ipt2{line-height:29px;height:123px;width:354px;border:1px solid #689fd9;}
</style>
</head>
<body>
<div class="lianxi">
<div class="lianxi_left">
<div class="feed">
<form name="form1" method="post" action="/plus/guestbook.php">
<input type="hidden" value="save" name="action">
<ul>
<li><span>业务：</span><input type="text" class="ipt" name="zyw" value="" id="xb" maxlength="32"><strong>*</strong></li>
<li><span>姓名：</span><input type="text" class="ipt" size="20" value="" name="uname" id="name" maxlength="200"><strong>*</strong></li>
<li><span>邮箱：</span><input type="text" class="ipt" size="20" name="email" maxlength="80"><strong>*</strong></li>
<li><span>手机：</span><input type="text" class="ipt" size="20" name="tel" maxlength="120"><strong>*</strong></li>
<li><span>微信：</span><input type="text" class="ipt" size="20" name="wx" maxlength="200"><strong style="color:#3675b8">*</strong></li>
<li><span>区域：</span><input type="text" class="ipt" size="20" name="qy" maxlength="200"><strong>*</strong></li>
<li><span>内容：</span><textarea class="ipt2" rows="8" cols="50" name="msg" style="line-height:23px;"></textarea></li>
<li><span>验证码：</span><input type="text" class="ipt" id="vdcode2" name="validate" style="width:125px;"><img align="absmiddle" src="haha.jpg" alt="看不清？点击更换" style="cursor: pointer;margin-left:12px;" οnclick="this.src=this.src+'?'" id="vdimgck" data-bd-imgshare-binded="1">看不清？点击图更换</li></ul><div class="tj"><input type="submit" class="bts" value="提交" name="Submit"><input type="reset" class="bts" value="重置" name="Submit2"><input type="hidden" value="yes" id="up" name="up"></div>
</form></div>
</div>
</div>
</body>
</html>