溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

Dreamweaver網(wǎng)頁(yè)如何制作一個(gè)帶有列表值的下拉菜單

發(fā)布時(shí)間:2021-05-14 15:18:00 來(lái)源:億速云 閱讀:1024 作者:小新 欄目:互聯(lián)網(wǎng)科技

這篇文章將為大家詳細(xì)講解有關(guān)Dreamweaver網(wǎng)頁(yè)如何制作一個(gè)帶有列表值的下拉菜單,小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。

方法如下

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

Dreamweaver網(wǎng)頁(yè)如何制作一個(gè)帶有列表值的下拉菜單

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

Dreamweaver網(wǎng)頁(yè)如何制作一個(gè)帶有列表值的下拉菜單

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

Dreamweaver網(wǎng)頁(yè)如何制作一個(gè)帶有列表值的下拉菜單

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

Dreamweaver網(wǎng)頁(yè)如何制作一個(gè)帶有列表值的下拉菜單

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

Dreamweaver網(wǎng)頁(yè)如何制作一個(gè)帶有列表值的下拉菜單

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

Dreamweaver網(wǎng)頁(yè)如何制作一個(gè)帶有列表值的下拉菜單

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

Dreamweaver網(wǎng)頁(yè)如何制作一個(gè)帶有列表值的下拉菜單

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

Dreamweaver網(wǎng)頁(yè)如何制作一個(gè)帶有列表值的下拉菜單

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

Dreamweaver網(wǎng)頁(yè)如何制作一個(gè)帶有列表值的下拉菜單

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

Dreamweaver網(wǎng)頁(yè)如何制作一個(gè)帶有列表值的下拉菜單

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

Dreamweaver網(wǎng)頁(yè)如何制作一個(gè)帶有列表值的下拉菜單

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

Dreamweaver網(wǎng)頁(yè)如何制作一個(gè)帶有列表值的下拉菜單

關(guān)于“Dreamweaver網(wǎng)頁(yè)如何制作一個(gè)帶有列表值的下拉菜單”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,使各位可以學(xué)到更多知識(shí),如果覺(jué)得文章不錯(cuò),請(qǐng)把它分享出去讓更多的人看到。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI