Form表單中的元素 控件集

<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是一個布爾屬性， 也就是這個文本框必須輸入內容後才能夠提交

2、