笨辦法學前端（一）

第一章

• <form>元素定義了表單，全部表單輸入元素都有嵌套再這個元素中。
• action屬性包含服務器腳本的URL。
• method屬性包含發送數據的方法，能夠是POST或GET。
• POST打包表單數據，並把它做爲請求的一部分發送到服務器。
• GET打包表單數據，並把數據追加到URL。
• 若是表單數據應當是私有的，或者表單數據不少，如使用了一個<textarea>或者file <input>元素，就應當使用POST。
• 對於能夠加書籤的請求，要使用GET。
• <input> 元素再Web頁面上能夠做爲多種不一樣的輸入控件，這取決於它的「type」屬性值。
• type爲「text」時會建立一個單行文本輸入框。
• type爲「submit」時會建立一個提交按鈕。
• type爲「radio」時會建立一個單選鈕。全部同名的單選鈕構成一組互斥的按鈕。
• type爲「checkbox」時會建立一個複選框控件。經過多個複選框指定相同的名字，能夠建立一組選擇。
• type爲「number」時會建立一個只容許數字字符的單行文本輸入控件。
• type爲「range」時會建立一個滑動條控件提供數字輸入。
• "color"類型會在支持這個類型的瀏覽器中建立一個顏色選擇器（不然只會建立一個普通的文本輸入）。
• 「date」類型會在支持 這個類型的瀏覽器中建立一個日期選擇器（不然只會建立一個普通的文本輸入控件）。
• 「email」、「url」和「tel」類型會建立單行文本輸入， 在一些移動瀏覽器上會出現定製鍵盤來方便數據輸入。
• <textarea>元素會建立一個多行文本輸入區。
• <select>元素會建立一個菜單，包含一個或多個<option>元素。<option>元素定義了菜單中的菜單項。
• 若是將文本放在<textarea>元素的內容中，這會成爲Web頁面上文本區控件中的默認文本。
• text <input>元素中的value屬性能夠用來爲單行文本輸入控件提供一個初始值。
• 在提交按鈕上設置value屬性能夠改變按鈕上顯示的文本。
• 提交一個Web表單時，表單數據 值與響應的數據名配對， 全部名和值會發送到服務器。
• 因爲表單有一個表格結構， 一般會用CSS表格顯示來創建表單佈局。 CSS還能夠用來指定表單的顏色、字體風格、邊框等樣式。
• HTML容許用<fieldset>元素組織表單元素。
• 能夠用<label>元素以一種有助於提升可訪問性的方式關聯標籤與表單元素。
• 使用placeholder屬性能夠爲表單用戶提供一個提示，指出你但願在一個輸入域中輸入什麼內容。
• required屬性指示一個輸入域是必要的，要讓表單成功提交，這個輸入域中必須有值。有些瀏覽器在你提交表單 以前會強制要求在這些域中輸入數據。