第三篇
HTML教學
網頁研習室 第九節
網頁表單
 
 選擇型表單 Select 範例
<Form>
您的網路經驗:
HTML標籤指示<Select Name="網路經驗">
<Option Value="剛學會">剛學會
<Option Value="半年">半年
<Option Value="一年">一年
<Option Value="一年以上">一年以上
</select>
是否作過HomePage:
HTML標籤指示<Select Name="是否作過 HomePage" Size="2">
<Option Value="我已有網站"> 我已有網站
<Option Value="有,正在研習中"> 有,正在研習中
<Option Value="有,因故失敗了"> 有,因故失敗了
<Option Value="未曾碰過"> 未曾碰過
</select>
是否作過HomePage:
HTML標籤指示<Select Name="是否作過 HomePage" Size="4">
<Option Value="我已有網站"> 我已有網站
<Option Value="有,正在研習中"> 有,正在研習中
<Option Value="有,因故失敗了"> 有,因故失敗了
<Option Value="未曾碰過" Selected> 未曾碰過
</select>
渴望學會程度:
HTML標籤指示<Select Name="渴望學會程度" Size="5" Multiple>
<Option Value="急迫需要">急迫需要
<Option Value="想要">想要
<Option Value="還好">還好
<Option Value="不知道">不知道
<Option Value="不告訴您">不告訴您
</select>
</Form>
<Select>指示使用時機:如果你有單一 (Raido) 選項與多重 (CheckBox) 選項需要時,就可使用這組標籤。
<Form> ... </Form>指示表單開始與結束宣告,此對標籤絕對不能省略。
<Select> ... </Select>指示選擇表單範圍開始與結束宣告,此對標籤最好不要省略。
屬性 Name="資料欄位名稱值"指示為必要設定值,提供給後端程式處理的變數值 (取名稱時最好與欄位有關)
標籤 <Option> "指定選項內容"指示必要標籤,其內 Value 屬性值就是網頁顯示的文字,可有可無,建議不要省略。
注意屬性 <Option> 後面文字項目,不能省略,可單獨使用或加個結束標籤 </Option>。
屬性 Size "欄位內要顯示的項目數量"指示非必要屬性,單位(個/列),內定為 1 個列位。
屬性 Selected "指定為預設選項"指示非必要屬性,被指定時變成預設選項,用法與 Checked 一樣。
屬性 Multiple "允許多重選項"指示非必要屬性,讓訪客可以按 CtrlShift + 滑鼠左鍵,來選擇一個以上項目。