<html>
<meta charset="utf-8">
<head><title>表單標誌</title></head>
<body>
<!--創建一個表單-->
<form action="cgi-bin/tongji.cgi" method="post">
<!--創建一個輸入框-->
<p><input type="text"></p></p><!--第一種-->
<p><input type="submit"></p><!提交按鈕>
<p><input type="reset"></p><!將表單內容全部清除然後重新輸入按鈕>
<p><input type="checkbox"></p><!複選框,yes or on>
<p><input type="hidden"></p><!隱藏區域用戶時不能輸入的>
<p><input type="image" src="URL" width="100" height="40" ></p><!使用圖像來代替提交按鈕>
<p><input type="password"></p><!用戶輸入時,會變成密碼星號>
<p><input type="radio"></p><!來決定是否選擇其缺省值>
<!另外name屬性來區別輸入框,value屬性來獲取輸入框內容>
<!--<select></select>-->
<p>請選擇你喜歡的男歌星:</p>
<select name="gx1" size="1">
<option value="ldh">劉德華
<option value="zxy">張學友
<option value="gfc">郭富城
<option value="lm">黎明
</select>
<p>請選擇你喜歡的女歌星:</p>
<select name="gx2" size="1">
<option value="zmy">張曼玉
<option value="tz">田震
<option value="wf">王菲
<option value="ny">那英
</select>
<!--<textarea>...<>textaraea-->
<p>輸入您的意見</p>
<textarea name="yj" cols="20" rows="5">請輸入您的意見</textarea>
</form>
</body>
</html>
1.<form>...</form>在html中這個標籤相當於創建一個表單,即約束表單的開始和結束它有3個屬性action程序將要執行的方法mothod服務器從程序獲取數據的方式有get 和post target用來指定窗口和目標框架
2.<input type>用來定義輸入信息,可以參照上邊代碼跟下邊的圖示
3.<select>...<select>用來創造一個下拉選框和複選列表它有三個屬性multiple這個用於是否多選,沒有賦值,直接加入代碼使用.name 爲此列表的名字. size爲此列表的高度
4.<option>放在<select>...<select>之間,用來創建一個列表 它有2個屬性selected加上這個標誌後將是默認爲選中誰 ,另外一個value是將要給服務器的值(數據)
5.<textarea>...<textarea>這是一個文本輸入框它有3個屬性 name 輸入框名字 cols rows行跟列這裏代表字數
然後完成圖