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

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

提問人:周麗平發(fā)布時間:2021-06-09

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

image.png

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

image.pngimage.png

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

image.png

或者在菜單欄下方有個表單選項的圖標,鼠標放上去顯示“選擇(列表/菜單)”然后點擊,也可以插入下拉菜單。

image.png

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

image.png

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

image.png

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

image.png

跳出列表值的界面,在項目標簽上填寫下拉菜單選項,比如我這里要做一個性別選擇的下拉菜單,這里就在值和項目標簽填寫男。

image.png

接著點擊加號,添加新的下面標簽和值,都填上女。然后點擊確定按鈕。

image.png

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

image.png

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

image.png

然后就可以在瀏覽器上看到你做好的下拉菜單的樣子了,鼠標點擊一下下拉小箭頭是不是可以選擇了,很簡單吧,動手試試吧。

image.png

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

回復(fù)(0)
返回頂部