第三篇
HTML教學
網頁研習室 第九節
網頁表單
 
輸入表單標籤及屬性 列印
<Form> 指示表單開始宣告
<Input ... >指示建立輸入表單欄位,共有以下 10 個主要屬性標籤,不需結束標籤
Type="指定欄位型式"指示為必要屬性標籤,共可分為十種類型 (詳下介紹)
Name="資料欄位名稱"指示為必要屬性標籤,提供給後端程式處理的變數(識別)值(名稱)。
Value="資料欄位名稱值"指示如設有預設字串,該值會在欄位中出現,不用時可以省略,建議保留。
Size="欄位寬度"指示單位字元,未指定時內訂為 20 個字元。
Maxlength="欄位資料輸入最大長度"指示單位字元,可限制使用者輸入資料的最大字數。
Checked 表示"指定為預設選項"指示用於 CheckBox 被指定後會變成預設選項。
Selected 表示"指定為預設選項"指示用於 Select 被指定後會變成預設選項。
ReadOnly 表示"只能顯示不能輸入資料"指示指定時可限制使用者輸入資料。
DisAbled 表示"此欄位不能被選取"指示指定時可限制使用者使用其功能。
Multiple 表示"多重選擇"指示用於 Select 標籤,選項可共多重選擇。
</Form> 指示表單結束宣告
其他運用:
請注意:
如果您連屬性 Alt 有何功能都不知道?
建議您務必依照編輯順序研習,以達學習效果。
請注意:
本部份已併 PassWord 教學
請點選上方 Type="PassWord" 範例研習。
Alt="圖檔代替文字"指示當圖檔無法顯示時可以取代使用,請參考 C0305 網頁圖片教學
Title="代替文字"指示當滑鼠移到欄位上面時,會顯示代替文字。
依用途別,屬性 Type 計有 10 種類型
Type="Text"指示預設值,可提供使用者輸入(填寫)文字型態範例
Type="PassWord"指示可提供使用者輸入(填寫)密碼型態範例
Type="Hidden"指示隱藏欄位型態,提供製作者設定隱藏參數等資訊,以供後端程式使範例
Type="Radio"指示提供使用者單一選擇(項)的圓圈式選鈕範例
Type="CheckBox"指示提供使用者多選項勾選式核取選擇方塊範例
Type="Submit"指示提供使用者送出填寫文字的同意或確認按鈕範例
Type="Reset"指示提供使用者便於清除已輸入的填寫資料按鈕範例
Type="Button"指示提供使用者各種功能的通用性(一般)按鈕範例
Type="Image"指示將一般(預設)按鈕樣式,改成圖像按鈕範例
Type="File"指示提供使用者上傳檔(傳遞)案資料到主機內範例