HTML(四)：input，htmlinput

HTML(四)：input，htmlinput
1.隱藏欄位（type="hidden"）

定義隱藏的輸入欄位。隱藏欄位用於在程式發送沒有必要讓使用者看到特定值的時候使用。

<input type="hidden" name="uid" value="10"/>

2.上傳檔案（type="file"）

定義檔案選擇欄位和 "瀏覽..." 按鈕，供檔案上傳。此控制項可以讓使用者選擇檔案。使用 accept 屬性可以定義控制項可以選擇的檔案類型。當表單中需要上傳檔案時，需要把method屬性設定為"post"，enctype屬性設定為"multipart/form-data"。

<form action="#" method="post" enctype="multipart/form-data">    <input type="file" name="file">    <input type="submit" value="提交"></form>

3.拾色器（type="color"）

定義拾色器。調用的是系統下的拾色器而不是瀏覽器的拾色器。根據使用的系統不同會有不同的樣式。

<input type="color">

4.時間控制項（type="time"）

定義日期欄位的時、分、秒（帶有 time 控制項）。

<input type="time">

5.日期控制項（type="date"）

定義 date 控制項（包括年、月、日，不包括時間）。

<input type="date">

6.slider 控制項（type="range"）

用於輸入不精確值控制項。如果未指定相應的屬性，控制項使用如下預設值：

• min：0
• max：100
• value：min + (max-min)/2，或當 max 小於 min 時使用min
• step：1

<input type="range" min="1" max="100" step="2">

7.周選取器（type="week"）

用於輸入一個由星期-年組成的日期，日期不包括時區。

<input type="week">

8.input標籤的其他屬性

autocomplete：autocomplete 屬性規定輸入欄位是否應該啟用自動完成功能。自動完成允許瀏覽器預測對欄位的輸入。當使用者在欄位開始鍵入時，瀏覽器基於之前鍵入過的值，應該顯示出在欄位中填寫的選項。

autofocus：autofocus 屬性規定當頁面載入時 <input> 元素應該自動獲得焦點。

checked：checked 屬性規定在頁面載入時應該被預先選定的 <input> 元素。 (只針對 type="checkbox" 或者 type="radio")。

disabled：disabled 屬性規定應該禁用的 <input> 元素。

required：required 屬性規定必需在提交表單之前填寫輸入欄位。