精华:用CSS布局网页表单form的例子

<!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″ />

<title>webjx.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” id=”sbutton” value=”确定” /><br />

</form>

</body>

 

精华:用CSS布局网页表单form的例子

相关文章:

你感兴趣的文章:

标签云: