1 HTML 表單和輸入

1.1 HTML 表單介紹

表單是一個包含表單元素的區域。

表單元素是允許用戶在表單中輸入內容,比如：文本域(textarea)、下拉列表、單選框(radio-buttons)、復選框(checkboxes)等等。

表單使用表單標簽 <form> 來設置:

例子:表單內的 文本輸入框

<form>
.
<input type="text">
.
</form>

1.2 表單input控件輸入類型

多數情況下被用到的表單標簽是輸入標簽（<input>）。

輸入類型是由類型屬性（type）定義的。大多數經常被用到的輸入類型如下：

1.2.1 text 文本輸入類型:

文本域通過<input type="text"> 標簽來設定，當用戶要在表單中鍵入字母、數字等內容時，就會用到文本域。

1.2.2 password 密碼輸入類型

文本域通過<input type="password "> 標簽來設定，當用戶要在表單中"鍵入非顯示密碼"等內容時，就會用到文本域。

1.2.3 checkboxes 多選框類型

文本域通過<input type="checkboxs"> 標簽來設定，當用戶要在表單中"鍵入非顯示密碼"等內容時，就會用到文本域。

1.2.4 radio 單選框

文本域通過<input type="checkboxs"> 標簽來設定，當用戶要在表單中"鍵入單選內容時"等內容時，就會用到文本域。

1.2.5 submit提交按鈕

文本域通過<input type="submit"> 標簽來設定，當用戶要在表單中"提交其他input值時"等內容時，就會用到文本域。

1.2.6 select選擇按鈕

文本域通過<input type="select來設定，當用戶要在表單中"進行多項選擇",等內容時，就會用到文本域。

1.2.7 file文件提交按鈕

文本域通過<input type="file來設定，當用戶要在表單中"進行上傳文件",等內容時，就會用到文本域。

css總結18：HTML 表單和輸入