2013年7月31日 星期三

html label example eg sample e.g. memo input

label example


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=big5" />
<title>SAMPLE</title>
<style type="text/css">
#myform label {display: block;
width: 100px;
float: left;
font-size: 0.875em;}


#myform2  label {display: block;
width: 100px;
float: left;
font-size: 0.875em;
text-align: right;
margin-right: 10px;} 
 
</style>



</head>





<body>
<form method="post" action="#" id="myform">
<p>
<label for="user" >姓名</label>
<input type="text" id="user" name="username" />
</p>
<p>
<label for="mail" >電子郵件信箱</label>
<input type="text" id="mail" name="mailaddress" />
</p>
<p>
<label for="com" >留言內容</label>
<!--long test memo field inut textarea-->
<textarea id="com" name="comment" cols="40" rows="8"></textarea>
</p>
<p><input type="submit" value="傳送" id="submit" /></p>
</form>
</body>
</html>
張貼者： 於
標籤：

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)