1、html里可以用ltselect標(biāo)簽設(shè)置下拉框下面詳細(xì)介紹其用法這是測(cè)試鏈接，可以參考本教程自己實(shí)操網(wǎng)頁(yè)鏈接1ltselect標(biāo)簽 ltselect標(biāo)簽在HTML里面是下拉框，用戶(hù)點(diǎn)一下可以選擇里面的選項(xiàng) 2ltoption標(biāo)簽 ltoption標(biāo)簽是；這個(gè)可以換種方式實(shí)現(xiàn)，首先select的樣式每個(gè)瀏覽器都有其默認(rèn)的樣式，需要先去除這些默認(rèn)樣式，其次，select里面的樣式諸如箭頭，下拉框等等的樣式，這里提供一種思路，就是在select的外層添加一個(gè)div，對(duì)這個(gè)div元素設(shè)置樣式，s；3然后設(shè)置select2的寬度，這里使用百分比設(shè)置寬度，百分比代表的是鋪滿(mǎn)整個(gè)屏幕所占的比例，這里設(shè)置為50%4最后來(lái)到瀏覽器，即可看到兩個(gè)不同寬度的select下拉列表了以上就是html頁(yè)面中下拉列表控制寬度的方法；htmlinput下拉列表修改背景顏色用css設(shè)置定義一個(gè)css類(lèi)型，確定正常情況下的background顏色，定義hover狀態(tài)下的背景色用JavaScript動(dòng)態(tài)設(shè)置，在head中添加script標(biāo)簽，定義兩個(gè)函數(shù)lightColor，和restoreColor，函數(shù)中通過(guò)獲取元素；HTMLselect下拉框中，可以通過(guò)設(shè)定一個(gè)空值來(lái)使開(kāi)始顯示的是空白如設(shè)置第一行optionvalue=quotkongbaiquotoption為空操作代碼如下！DOCTYPEhtmlPUBLICquotW3CDTDXHTML10TransitionalENquotquot；html中動(dòng)態(tài)生成下拉框時(shí)的寬度設(shè)置的方法如下參考1直接設(shè)置選擇標(biāo)簽的寬度為100具體操作步驟首先需要?jiǎng)?chuàng)建一個(gè)新的HTML文件，在文件中創(chuàng)建2個(gè)select下拉列表2然后在頂部的標(biāo)題標(biāo)簽中設(shè)置樣式樣式表首先，設(shè)置第一個(gè)。

2、lt！doctype htmllthtml lang=quotzhcnquotltheadltmeta charset=quotutf8quotlttitle無(wú)標(biāo)題文檔lttitleltheadltbodyltform name=quotform1quot ltinput id=quottext1quot name=quottextfieldquot type=quottextquot value=quotdemo textquot；lt！DOCTYPE htmllthtml lang=quotenquotlthead ltmeta charset=quotUTF8quot lttitleLOLlttitle ltstyle html， bodymargin 0 padding 0 color #fff backgroundcolor red width 100% height；直接style=quotborder1pxcolorredquot，你的不起作用是兩個(gè)樣式間沒(méi)用“”隔開(kāi)；select #160！ 下拉菜單選項(xiàng)將在這里添加 select 2在select標(biāo)簽之間，添加option標(biāo)簽來(lái)定義每個(gè)選項(xiàng)select #160option value=quotoption1quot選項(xiàng)1option #160option value=quotoption2quot選項(xiàng)2option；保存好html文件后使用瀏覽器打開(kāi)，即可看到效果如圖所有代碼可直接把所有代碼復(fù)制到html文件上運(yùn)行即可看到效果如圖所有代碼lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitle下拉選擇框lttitle；通過(guò)select的style可以設(shè)置下拉框的一些屬性，如果設(shè)置背景色的話，可以這樣寫(xiě)ltselect name=tt1 style=quotbackgroundcolorredquot ltoption value=1111ltoption ltoption value=2222ltoption ltoption value=3333lt；1在HTML中將圖片和下拉框放在同一個(gè)父元素下，例如一個(gè)div元素2在CSS中給該父元素設(shè)置一個(gè)相對(duì)定位positionrelative，以便讓內(nèi)部元素可以相對(duì)于該父元素進(jìn)行定位3給下拉框的CSS添加positionabsolute和z。

3、2在indexhtml中的ltbody標(biāo)簽中，輸入html代碼ltselect style=quotwidth 200pxquot ltoptionaltoption ltoptionbltoption ltoptioncltoption ltselect 3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)成功設(shè)置了下拉列表的；5設(shè)置文本框，設(shè)置label標(biāo)簽，顯示文本框的說(shuō)明文字，然后添加textarea標(biāo)簽，內(nèi)部設(shè)置文本框的相關(guān)屬性如下圖所示6最后，可輸入下拉框制作完成如下圖所示注意事項(xiàng)HTML中做一個(gè)可以輸入的下拉框按照上述步驟操作；1首先我們打開(kāi)html開(kāi)發(fā)工具，新建一個(gè)html代碼頁(yè)面2在html代碼頁(yè)面上創(chuàng)建一個(gè)select下拉菜單3保存html代碼頁(yè)面，使用瀏覽器打開(kāi)，這個(gè)時(shí)候我們發(fā)現(xiàn)select下拉菜單是可以點(diǎn)擊修改的4回到html代碼頁(yè)面，在select標(biāo)簽上。

4、1首先打開(kāi)電腦上的可編輯網(wǎng)頁(yè)的軟件，新建一個(gè)html頁(yè)面，然后將其保存在桌面上這里使用的是DW2接下來(lái)在body里面添加DIV標(biāo)簽，并在其內(nèi)使用ul無(wú)序列表和li標(biāo)簽制作一個(gè)一級(jí)菜單欄，代碼如圖片所示3因?yàn)椴藛螜谝话恪?/p>