當前位置:
首頁 >
html中输出PHP的下拉列表,html中关于下拉列表select的图文代码详解
發布時間:2023/12/2
26
豆豆
默认站点
收集整理的這篇文章主要介紹了
html中输出PHP的下拉列表,html中关于下拉列表select的图文代码详解
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
HTML中的下拉列表:
Html代碼
Volvo
Saab
Opel
Audi
其中select是顯示一個下拉列表(drop down list)出來,option是下拉列表中的項目(item),而option的文本內容(text content)是下拉列表項目中顯示到頁面上的值,value是真正需要提交到服務端的值。
顯示效果如下所示:
更復雜的下拉列表:
Html代碼
Volvo
Saab
Mercedes
Audi
這個下拉列表包含一個“項目組”(item group),這個組是無法選擇的,使用label標簽標記字面內容,真正起作用的,還是value屬性。
看一下這個包含“項目組”的下拉列表
option中的參數:selected="selected"
如果需要打開頁面就默認選中某個option,需要用到selected參數:
Html代碼
Volvo
Saab
Mercedes
Audi
option中的參數:disabled="disabled"
如果需要禁用某個項目,但是卻又不想隱藏,可以使用disabled屬性
Html代碼
Volvo
Saab
Mercedes
Audi
option中的參數:title
如果需要在鼠標放到某個項目上時,給出提示,可以使用title屬性
Html代碼
Volvo
Saab
Mercedes
Audi
其實,title也可以用在很多其他的HTML標簽中!
總結
以上是默认站点為你收集整理的html中输出PHP的下拉列表,html中关于下拉列表select的图文代码详解的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 手机怎么下360浏览器(手机手机报价)
- 下一篇: 体验 PHP under .NET Co