下面是个简单易学的CSS form表单布局经典一例教程，图老师小编详细图解介绍包你轻松学会，喜欢的朋友赶紧get起来吧！
【 tulaoshi.com - Web开发 】
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
html xmlns="http://www.w3.org/1999/xhtml"
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title52css.com/title
style type="text/css"
label{
float: left;
width: 80px;
}
form{margin:0px}
input{
width: 180px;
border:1px solid #808080
}
textarea{
width: 250px;
height: 150px;
}
#sbutton{
margin-left: 80px;
margin-top: 5px;
width:80px;
}
br{
clear: left;
}
/style
/head
body
form action="" method="post"
label for="user"姓名:/label
input type="text" id=user name="user" value="" /br /
label for="email"邮件:/label
input type="text" id=email name="email" value="" /br /
label for="comment"备注:/label
textarea id=comment name="comment"
/textarea
br /
input type="submit" value="确定" /br /
/form
/body
/html
来源:https://www.tulaoshi.com/n/20160219/1604779.html
看过《CSS form表单布局经典一例》的人还看了以下文章 更多>>
