Dreamweaver制作帶有下文值的下拉菜單

網(wǎng)制作網(wǎng)頁(yè)的時(shí)候，需要選擇男女，所以需要添加下拉菜單，今天我們就來(lái)看看dw制作下拉菜單的教程。

• 軟件名稱(chēng)：

• Adobe Dreamweaver CC 2017 v17.0 中文破解版(附破解補(bǔ)丁) 64位

• 軟件大�。�

• 758MB

• 更新時(shí)間：

• 2016-11-05

1、先打開(kāi)Dreamweaver，如果你事先有做好的網(wǎng)頁(yè)源文件，可以的直接點(diǎn)擊文件——打開(kāi)，打開(kāi)你的網(wǎng)頁(yè)源文件，如果沒(méi)有，就點(diǎn)擊文件——新建，新建一個(gè)新的網(wǎng)頁(yè)源文件。

2、新建的類(lèi)型默認(rèn)就可以了，如果有其它需要，可以自己選擇頁(yè)面類(lèi)型和布局等等，讓點(diǎn)擊創(chuàng)建按鈕。

3、新建好網(wǎng)頁(yè)之后，在設(shè)計(jì)頁(yè)面，點(diǎn)擊插入——表單——選擇（列表/菜單），這樣就可以插入一個(gè)可選擇的下拉表單了。

4、或者在菜單欄下方有個(gè)表單選項(xiàng)的圖標(biāo)，鼠標(biāo)放上去顯示“選擇（列表/菜單）”然后點(diǎn)擊，也可以插入下拉菜單。

5、然后跳出需要輸入標(biāo)簽輔助功能屬性的界面，ID填寫(xiě)英文或者數(shù)字，標(biāo)簽就是你的下拉菜單的對(duì)應(yīng)的數(shù)據(jù)標(biāo)題，比如地址，性別等等，這里填寫(xiě)“性別：”，然后點(diǎn)擊確定。

6、跳出是否添加表單標(biāo)簽的提示，就選擇是，就可以了。

7、這時(shí)，下拉菜單插入到頁(yè)面中了，點(diǎn)擊下方的列表值，給你的下拉菜單添加內(nèi)容。

8、跳出列表值的界面，在項(xiàng)目標(biāo)簽上填寫(xiě)下拉菜單選項(xiàng)，比如我這里要做一個(gè)性別選擇的下拉菜單，這里就在值和項(xiàng)目標(biāo)簽填寫(xiě)男。

9、接著點(diǎn)擊加號(hào)，添加新的下面標(biāo)簽和值，都填上女。然后點(diǎn)擊確定按鈕。

10、點(diǎn)擊界面上箭頭所指的小圖標(biāo)，選擇一個(gè)瀏覽器，點(diǎn)擊它，可以在瀏覽器上看到預(yù)覽效果。

11、這時(shí)會(huì)提示是否保存網(wǎng)頁(yè)文件的更改，選擇是，保存一下即可。

12、然后就可以在瀏覽器上看到你做好的下拉菜單的樣子了，鼠標(biāo)點(diǎn)擊一下下拉小箭頭是不是可以選擇了，很簡(jiǎn)單吧，動(dòng)手試試吧。

以上就是Dreamweaver制作帶有列表值的下拉菜單的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！