<html>
<head>
<meta http-equiv="Content-Type"content="text/html;charset=utf-8:/>
<title>阿標的攝影手札</title>
<style type="text/css">
/* 將 <p> 設為粗體字 */
p {font-weight:bold}
/* 將 <img> 設為 float:left, 所以表單內會環繞在圖案右邊及下方 */
img {float:left;margin:10px}
</style>
</head>
<body>
<img src="flower.jpg"/>
<p>評價這張照片</p>
<form>
<fieldset>
您的 E-Mail：<input name="mail" type="text"><br /><br />
性別：<input name="gander" type="radio" value="male">男
<input name="gander" type="radio" value="female">女
</fieldset>
你給這張照片的評價：
<select name="eval">
<option nalue="bad">不好看</option>
<option nalue="average">普通</option>
<option nalue="good">不錯</option>
<option nalue="bravo">太棒了</option>
</select><br /><br />
<fieldset>
<legend>您喜歡什麼類型的照片</legend>
<input name="favor" type="checkbox" value="nature">風景
<input name="favor" type="checkbox" value="human">人像
<input name="favor" type="checkbox" value="building">建築
<input name="favor" type="checkbox" value="night">夜景
</fieldset><br />
<fieldset>
<legend>你對這張照片的評語是</legend>
<textarea name="extra" rows="2" cols="40"></textarea>
</fieldset>
<input type="submit" value="送出" />
<input type="reset" value="清除" />
</form>
</body>
</html>
沒有留言:
張貼留言