Dreamweaver網(wǎng)頁怎么制作一個帶有列表值的下拉菜單?
我要評論網(wǎng)制作網(wǎng)頁的時候，需要選擇男女，所以需要添加下拉菜單，今天我們就來看看dw制作下拉菜單的教程。
1、先打開Dreamweaver，如果你事先有做好的網(wǎng)頁源文件，可以的直接點擊文件——打開，打開你的網(wǎng)頁源文件，如果沒有，就點擊文件——新建，新建一個新的網(wǎng)頁源文件。
2、新建的類型默認(rèn)就可以了，如果有其它需要，可以自己選擇頁面類型和布局等等，讓點擊創(chuàng)建按鈕。
3、新建好網(wǎng)頁之后，在設(shè)計頁面，點擊插入——表單——選擇（列表/菜單），這樣就可以插入一個可選擇的下拉表單了。
4、或者在菜單欄下方有個表單選項的圖標(biāo)，鼠標(biāo)放上去顯示“選擇（列表/菜單）”然后點擊，也可以插入下拉菜單。
5、然后跳出需要輸入標(biāo)簽輔助功能屬性的界面，ID填寫英文或者數(shù)字，標(biāo)簽就是你的下拉菜單的對應(yīng)的數(shù)據(jù)標(biāo)題，比如地址，性別等等，這里填寫“性別：”，然后點擊確定。
6、跳出是否添加表單標(biāo)簽的提示，就選擇是，就可以了。
7、這時，下拉菜單插入到頁面中了，點擊下方的列表值，給你的下拉菜單添加內(nèi)容。
8、跳出列表值的界面，在項目標(biāo)簽上填寫下拉菜單選項，比如我這里要做一個性別選擇的下拉菜單，這里就在值和項目標(biāo)簽填寫男。
9、接著點擊加號，添加新的下面標(biāo)簽和值，都填上女。然后點擊確定按鈕。
10、點擊界面上箭頭所指的小圖標(biāo)，選擇一個瀏覽器，點擊它，可以在瀏覽器上看到預(yù)覽效果。
11、這時會提示是否保存網(wǎng)頁文件的更改，選擇是，保存一下即可。
12、然后就可以在瀏覽器上看到你做好的下拉菜單的樣子了，鼠標(biāo)點擊一下下拉小箭頭是不是可以選擇了，很簡單吧，動手試試吧。
以上就是Dreamweaver下拉菜單的制作方法，希望能幫到大家，喜歡的朋友可以關(guān)注腳本之家。
相關(guān)推薦：
Dreamweaver怎么給網(wǎng)頁添加下拉的條幅?
相關(guān)文章
dreamweaver中怎么交互圖像? dw制作鼠標(biāo)經(jīng)過圖像換圖的教程
dw中怎么交互圖像？dw中想制作一個網(wǎng)頁，當(dāng)鼠標(biāo)經(jīng)過圖像的時候，就自動換一個圖像，該怎么換呢？下面我們就來看看dw制作鼠標(biāo)經(jīng)過圖像換圖的教程，需要的朋友可以參考下2016-06-03Dreamweaver怎么在網(wǎng)頁中顯示一個圓角矩形?
Dreamweaver怎么在網(wǎng)頁中顯示一個圓角矩形？想繪制一個紅色的圓角矩形，該怎么使用Dreamweaver實現(xiàn)呢？今天我們就來看看使用dw在網(wǎng)頁中繪制紅色圓角矩形的教程，需要的朋友2016-06-02dreamweaver cs6怎么新建HTML5格式的頁面?
dreamweaver cs6怎么新建HTML5格式的頁面？dreamweaver新建頁面格式默認(rèn)是xhtml1.0，現(xiàn)在想新建html5的頁面該怎么辦呢？下面我們來看看詳細(xì)的教程，需要的朋友可以參考下2016-05-23Dreamweaver怎么批量修改網(wǎng)頁相同的內(nèi)容?
Dreamweaver怎么批量修改網(wǎng)頁相同的內(nèi)容？比如想修改旺旺的副標(biāo)題，有很多，而且是相同的，該怎么批量修改節(jié)省時間呢？下面我們就來看看Dreamweaver批量修改網(wǎng)頁相同的內(nèi)容2016-05-22- dreamweaver怎么做一個簡單的網(wǎng)站？想做一個簡單的網(wǎng)站，該怎么制作呢？今天我們就來卡看dreamweaver制作網(wǎng)站的一個步驟，感興趣的朋友可以進(jìn)來參考一下，需要的朋友可以參2016-05-16
Dreamweaver設(shè)置頁面屬性后采用HTML格式怎么辦?
Dreamweaver設(shè)置頁面屬性后采用HTML格式怎么辦？用Dreamweaver設(shè)計了網(wǎng)頁，設(shè)置頁面屬性以后，本來想用css格式的，現(xiàn)在變成了HTML格式，該怎么辦呢？下面我們來看看詳細(xì)的2016-04-27- dreamweaver中怎么將文字放到圖片上？dreamweaver中如果想讓背景圖片上帶一些文字，比較有意境，該怎么做呢？下面我們就來看看dw在圖片上寫文字的教程，需要的朋友可以參考2016-04-22
Dreamweaver CS6制作一個新聞網(wǎng)頁首頁的實例教程
Dreamweaver CS6制作網(wǎng)頁很方便，為了方便學(xué)習(xí)我們我們舉了一個實際的例子，使用Dreamweaver CS6做了一個簡單的網(wǎng)頁，非常簡單，適合新手學(xué)習(xí)，需要的朋友可以參考2016-04-20怎么格式化html代碼? Dreamweaver格式化html代碼的技巧
怎么格式化html代碼？Dreamweaver編輯網(wǎng)頁的時候，發(fā)現(xiàn)代碼格式很亂，看起來很費勁，該怎么一鍵格式化呢？下面我們就來看看Dreamweaver格式化html代碼的技巧，需要的朋友可2016-03-31Dreamweaver怎么進(jìn)行批量文件搜索指定內(nèi)容?
Dreamweaver怎么進(jìn)行批量文件搜索指定內(nèi)容？Dreamweaver中的文件很多，想要查找文件很不容易，該怎么才能快速的進(jìn)行批量查找文件的？下面我們來看看Dreamweaver文本查找功2016-03-30