本節簡介:本節課主要學習使用表單中常用的控件,了解這些控件在網頁中的作用。了解下拉框的框架結構,熟練使用下拉框的各個屬性。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
“選擇”按鈕:即下拉框 對標簽<select>。點列表值輸入下拉選項內容。箭頭可將選項上下移動
單選按鈕:類似投票的功能,要實現單選:name保持一致
auto complete:自動補全,出現之前的搜索記錄
做單選時,將兩個選項賦予一樣的name,即可實現單選,否則多選
表單控件 size文本框大小 max length 最多允許輸入字符, value文本框里提示文字,但用戶輸入搜索內容時要先刪去提示內容,place holder可顯示提示文字且不用用戶輸入時先刪去提示文字,title:鼠標移上去的文字提示
制作性別選項時,單選按鈕要統一選項的name名稱,。
Auto complete 自動補全功能,在搜索框內輸入原來輸入的內容會自動提示補全,
Read only :只讀項,也是不能輸入任何東西,但框內沒背景顏色
Auto complete 自動獲取焦點,框帶選中效果。
Disabled 不可用:框變成灰色,不能輸入任何東西。
place holder 描述期望值提示:在框內淺灰色字體,不能刪除,比較方便使用
Size 框的大小。Max lenght 框內輸入的字符數。