HTML中的下拉列表:
Html代碼
其中select是顯示一個(gè)下拉列表(drop down list)出來(lái),option是下拉列表中的項(xiàng)目(item),而option的文本內(nèi)容(text content)是下拉列表項(xiàng)目中顯示到頁(yè)面上的值,value是真正需要提交到服務(wù)端的值。
顯示效果如下所示:
更復(fù)雜的下拉列表:
Html代碼
這個(gè)下拉列表包含一個(gè)“項(xiàng)目組”(item group),這個(gè)組是無(wú)法選擇的,使用label標(biāo)簽標(biāo)記字面
內(nèi)容,真正起作用的,還是value屬性。
看一下這個(gè)包含“項(xiàng)目組”的下拉列表
option中的參數(shù):selected="selected"
如果需要打開(kāi)頁(yè)面就默認(rèn)選中某個(gè)option,需要用到selected參數(shù):
Html代碼
option中的參數(shù):disabled="disabled"
如果需要禁用某個(gè)項(xiàng)目,但是卻又不想隱藏,可以使用disabled屬性
Html代碼
option中的參數(shù):title
如果需要在鼠標(biāo)放到某個(gè)項(xiàng)目上時(shí),給出提示,可以使用title屬性
Html代碼
其實(shí),title也可以用在很多其他的HTML標(biāo)簽中!