<form action="http://wichkelysmart.com/hfhtmlcss/contest.php" method="post"></form>
表單的所有內容都包含在form標簽中 action屬性中的內容將表單提交的的數據交給wichkelysmart.com鏈接內的hftmlcss文件夾中的contest.php服務器腳本處理
所使用的方法是post
1:<input type="text" name="1" value="value控制文本框內初始化的值"> 2:<input type="submit" name="2" value="提交按鈕由value設置">
3:女性：<input name="3" type="radio" value="選擇1"> 不男不女：<input type="radio" name="3" value="復選中的value是傳遞給服務器的值"><br><br><br> 4:蘋果<input type="checkbox" name="4" value="復選1"> 草莓<input type="checkbox" name="4" value="復選中的value是傳遞給服務器的值"> 香蕉<input type="checkbox" name="4" value="復選3">
Type確定是什么類型的控件，瀏覽器會把name當做標簽把收集到的數據發送到服務器，這樣服務器才能區分誰是誰
例如如果在一個名字為“zip”的text<input>元素中輸入了郵政編碼90050，表單提交時就會把“zip=90050”發送到服務器(HEAD FIRST HTML第677頁練習)
注意name要與后台腳本文檔代碼中的一致，在使用別人編寫的一個服務器腳本時，他必須告訴我要使用哪些元素名
復選框瀏覽器會發送“4=香蕉&蘋果&草莓”到服務器
無需知道像服務器發送數據的后台細節 但是需要知道服務器腳本期望得到的表單元素的名字和類型
與后台的交互式通過URL進行的 表單里的數據通過URL與后台腳本進行數據傳輸（代碼要相互呼應——即表單名字和類型）
瀏覽器向服務器傳送收集到得數據——用表單
瀏覽器處理服務器傳回的數據——用ajax
表單發送給服務器的數據與name value和text文本框中的內容相關
text：文本框，input默認的type，不寫就是這個，value表示文本框里的值。
password：密碼框，value表示密碼框里的值。
submit：提交按鈕，value表示按鈕上的文字
button：普通按鈕，value表示按鈕上的文字
reset：重置按鈕，value表示按鈕上的文字
radio：單選框，value表示該單選框的真實值（一般真實值和數據庫對應，顯示的值給用戶參考的）
checkbox：復選框，value表示該復選框的真實值
hindden：隱藏表單域，value表示該表單域的值。
單選和多選：
input中的value可以理解為傳送給服務器的值
type可以是button普通按鈕，submit提交按鈕，reset重設按鈕，radio單選框，checkbox復選框，passward密碼輸入框
是提交給服務器的，服務器語言會調用里面的值 你沒value的話，服務器就沒數據
服務器通過 name 知道傳的是誰的值 value則是對應的值是
5：<textarea name="5" rows="10" cols="48">這里是初始化文字-這里是初始化文字-這里是初始化文字-這里是初始化文字-這里是初始化文字-這里是初始化文字-這里是初始化文字-這里是初始化文字-這里是初始化文字</textarea>
rows設置瀏覽器文本區高度 cols設置寬度 開始和結束標簽中間為初始化文字 在textarea元素中加個maxlength屬性可以限制輸入文字的的字符
6：請選擇<select name="6"> <option value="傳遞給服務器的數據">選擇1</option> <option value="傳遞給服務器的數據">選擇2</option> <option value="傳遞給服務器的數據" selected>選擇3</option> <option value="傳遞給服務器的數據">選擇4</option> </select>
以上數據提交后瀏覽器會提交6=”傳送服務器的數據”，即name=”value“ 到服務器，與選擇的按鈕內容無關
selected布爾屬性，布爾屬性不需要值，當進入頁面時這個選項會被默認選中
form標簽中的表單元素可以是input也可以是textarea select option
7:<input type="number" min="0" max="20" value="請輸入數字"><br><br><br> 輸入數字和允許輸入數字的最大值最小值<br><br><br> 8:<input type="range" min="0" max="20" step="5"><br><br><br> range類似number 只是會顯示一個滑動條而 其中step設置間隔數（步數）<br><br><br> 9：<input type="color"><br><br><br> 點擊彈出顏色選框<br><br><br> 10：<input type="date"><br><br><br> 點擊后彈出一個時間選擇框 火狐不支持此屬性會 顯示text文本框 11：<input type="email"> <input type="tel"> <input type="url"> 手機端會得到一個定制的鍵盤
<input type="checkbox" name="extras[]" value="catalog" checked>
編寫name.php服務器腳本所用的腳本腳本語言（php）希望得到一點提示，想知道一個表單變量包含多少個值，提供這個提示的做法就是在名字后面增加一個”[]“
<input type="passworld" name="secret">
輸入的文本會加掩碼
<input type="file" name="doc">
可以選擇上傳一個文件 文件內容會上傳到服務器，必須使用post方法
<input type="text" placeholder="Buckaroo Banzai">
大多數input標簽都可以使用placeholder屬性，他會提示你要在文本框中輸入的內容
<input type="text" placeholder="1" required>
required是一個布爾屬性， 也就是這個文本框必須輸入內容后才可以提交
二、