位置:首頁(yè) > 軟件操作教程 > UI設(shè)計(jì)軟件 > Adobe Dreamweaver > 問(wèn)題詳情

入戶額在網(wǎng)頁(yè)中制作一個(gè)帶有列表下拉菜單呢?

提問(wèn)人:周麗平發(fā)布時(shí)間:2021-06-09

首先需要大家打開(kāi)dreamweaver cs6軟件,如果你事先有做好的網(wǎng)頁(yè)源文件,可以的直接點(diǎn)擊文件——打開(kāi),打開(kāi)你的網(wǎng)頁(yè)源文件,如果沒(méi)有,就點(diǎn)擊文件——新建,新建一個(gè)新的網(wǎng)頁(yè)源文件。

image.png

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

image.pngimage.png

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

image.png

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

image.png

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

image.png

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

image.png

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

image.png

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

image.png

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

image.png

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

image.png

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

image.png

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

image.png

繼續(xù)查找其他問(wèn)題的答案?

回復(fù)(0)