網(wǎng)制作網(wǎng)頁的時候,需要選擇男女,所以需要添加下拉菜單,今天我們就來看看dw制作下拉菜單的教程。
軟件名稱:
Adobe Dreamweaver CC 2017 v17.0 中文破解版(附破解補丁) 64位
軟件大小:
758MB
更新時間:
2016-11-05
1、先打開Dreamweaver,如果你事先有做好的網(wǎng)頁源文件,可以的直接點擊文件——打開,打開你的網(wǎng)頁源文件,如果沒有,就點擊文件——新建,新建一個新的網(wǎng)頁源文件。
2、新建的類型默認就可以了,如果有其它需要,可以自己選擇頁面類型和布局等等,讓點擊創(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制作帶有列表值的下拉菜單的詳細內(nèi)容,html教程
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。
新聞熱點
疑難解答
圖片精選