Dreamweaver創(chuàng)建下拉菜單

若水221147 分享 時間:
  在本文中為大家介紹一下Dreamweaver創(chuàng)建下拉菜單,希望對大家有幫助。
  一、在Dreamweaver中創(chuàng)建彈出式菜單
  1. 點擊鼠標(biāo),將光標(biāo)放在表單框線內(nèi),點擊“插入”菜單,選擇“表單”項,在彈出的子菜單中選擇“選擇(列表/菜單)”命令。
  或者在“插入”面板中選擇“表單”項,點擊“選擇(列表/菜單)”圖標(biāo),如下圖所示:
Dreamweaver創(chuàng)建下拉菜單
  點擊“窗口”菜單,選擇“插入”項,可以打開“插入”面板。
  2. 點擊“選擇(列表/菜單)”圖標(biāo)后,彈出“輸入標(biāo)簽輔助功能屬性”對話框,在對話框中設(shè)置后,單擊“確定”按鈕,“選擇(列表/菜單)”出現(xiàn)在文檔中。
  3. 在文檔中點擊“選擇(列表/菜單)”表單控件,如下圖所示:
Dreamweaver創(chuàng)建下拉菜單
  在“代碼”視圖中可以查看源代碼:






  4. 打開選擇(列表/菜單)“屬性”面板,如下圖所示:
Dreamweaver創(chuàng)建下拉菜單
  5. “選擇”項:輸入名稱。name屬性。
  6. “類型”項:選擇菜單。
  7. “列表值”按鈕:點擊“列表值”按鈕添加菜單選項,出現(xiàn)“列表值”對話框,如下圖所示:
Dreamweaver創(chuàng)建下拉菜單
  8. 將光標(biāo)放在“項目標(biāo)簽”列表中,輸入需要在列表中出現(xiàn)的文本。
  9. 在“值”列表中輸入選取該項目時要發(fā)送給服務(wù)器的文本或數(shù)據(jù)。value屬性。
  10. 如果還要添加其他項目,點擊“+”按鈕,然后重復(fù)第8和第9步。如果選擇某一項,點擊“-”按鈕,即可刪除那一項。
  11. 單擊向上、向下按鈕對項目進行排序。
  12. 添加項目結(jié)束時,點擊“確定”按鈕關(guān)閉“列表值”對話框。
  13. 在“初始化時選定”文本框中選擇該菜單的默認(rèn)列表項。selected屬性。
Dreamweaver創(chuàng)建下拉菜單
  14. 在“代碼”視圖中可以查看源代碼:




  網(wǎng)頁制作
  網(wǎng)絡(luò)編程


  二、提示
  將光標(biāo)定位到表單的紅色虛線圍成的框內(nèi),按回車(Enter)鍵,可以添加多個彈出式菜單。
14363