雷速体育网球比分直播:

您的位置:雷速体育答题测试答案 > dw入門 > 怎么用dw創建下拉菜單

怎么用dw創建下拉菜單

時間:2016-07-11 10:09:50  來源:免費模板網 作者:風雪 閱讀次數 tags表單dw

今天我們學習下在表單里面創建下拉列表,經常在選擇年月日的時候要用到,效果如下



一、在Dreamweaver中創建彈出式菜單

  1. 點擊鼠標,將光標放在表單框線內,點擊“插入”菜單,選擇“表單”項,在彈出的子菜單中選擇“選擇(列表/菜單)”命令。

  或者在“插入”面板中選擇“表單”項,點擊“選擇(列表/菜單)”圖標,如下圖所示:

Dreamweaver創建下拉菜單

  點擊“窗口”菜單,選擇“插入”項,可以打開“插入”面板。

  2. 點擊“選擇(列表/菜單)”圖標后,彈出“輸入標簽輔助功能屬性”對話框,在對話框中設置后,單擊“確定”按鈕,“選擇(列表/菜單)”出現在文檔中。

  3. 在文檔中點擊“選擇(列表/菜單)”表單控件,如下圖所示:

Dreamweaver創建下拉菜單

  在“代碼”視圖中可以查看源代碼:

  <label for="select"></label>

  <select name="select" id="select">

  </select>

  4. 打開選擇(列表/菜單)“屬性”面板,如下圖所示:

Dreamweaver創建下拉菜單

  5. “選擇”項:輸入名稱。name屬性。

  6. “類型”項:選擇菜單。

  7. “列表值”按鈕:點擊“列表值”按鈕添加菜單選項,出現“列表值”對話框,如下圖所示:

Dreamweaver創建下拉菜單

  8. 將光標放在“項目標簽”列表中,輸入需要在列表中出現的文本。

  9. 在“值”列表中輸入選取該項目時要發送給服務器的文本或數據。value屬性。

  10. 如果還要添加其他項目,點擊“+”按鈕,然后重復第8和第9步。如果選擇某一項,點擊“-”按鈕,即可刪除那一項。

  11. 單擊向上、向下按鈕對項目進行排序。

  12. 添加項目結束時,點擊“確定”按鈕關閉“列表值”對話框。

  13. 在“初始化時選定”文本框中選擇該菜單的默認列表項。selected屬性。

Dreamweaver創建下拉菜單

  14. 在“代碼”視圖中可以查看源代碼:

  <label for="select"></label>

  <select name="select" id="select">

  <option value="網頁制作">網頁制作</option>

  <option value="網絡編程">網絡編程</option>

  </select>

  二、提示

  將光標定位到表單的紅色虛線圍成的框內,按回車(Enter)鍵,可以添加多個彈出式菜單。
實現代碼如下

本文地址://www.384142.live/dwrm/2016/0711/2642.html

猜你喜歡
欄目推薦
模板推薦

Copyright:雷速体育答题测试答案 www.384142.live 免費模板網 All Rights Reserved 雷速体育答题测试答案   遼公網安備 21010602000376號  遼公網安備:42900402000182號

免責聲明:本站部分資源來自互聯網收集,版權歸原創者所有,如果侵犯了你的權益,我們會及時刪除侵權內容,聯系QQ:1615187561 謝謝合作!

{ganrao}