Rumah >hujung hadapan web >html tutorial >常用的登陆表单(DIV+CSS)_html/css_WEB-ITnose
预览最终效果>>
form{ margin: 0px; padding: 4px;}#member{ width: 170px; background: #F1F1F1; text-align: center;}label{ width: 40px; float: left; text-align: right; padding: 3px 0px 1px; color: #666666;}input{ border: 1px solid #CCCCCC; margin: 1px; padding: 1px; font-family: Arial; font-size: 12px; color: #666666;}.bt{ width: 22px; height: 20px; font-size: 10px; color: #333333; border: solid 1px #CCCCCC; background: #FBFBFB;}
<div id="member"><form name="form1" id="form1" method="post" action="#"><div><label for="name">Name:</label><input name="name" id="name" type="text" size="16" maxlength="10" /></div><div><label for="pass">Pass:</label><input id="pass" name="pass" type="password" size="10" maxlength="10" /><input name="Submit" type="submit" class="bt" value="OK" /></div></form></div>