首頁  >  文章  >  web前端  >  html select標籤怎麼預設選取? select標籤的使用介紹

html select標籤怎麼預設選取? select標籤的使用介紹

寻∝梦
寻∝梦原創
2018-08-31 16:04:2823536瀏覽

本篇文章主要的介紹了關於HTML中的select標籤的預設選取的方法,有完整的程式碼實例在裡面,多試試看程式碼的用處,現在我們來看看這篇關於HTML中的select標籤的文章吧

首先我們要介紹的就是html中的select標籤怎麼才能被預設選取呢?

select 元素可建立單選或多選選單。

提示:select 元素是一種表單控件,可用於在表單中接受使用者輸入。

一般的select標籤都是如下這個完整的程式碼:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<select>
  <option value ="volvo">php中文网</option>
  <option value ="saab">百度</option>
  <option value="opel">新浪</option>
  <option value="audi">腾讯</option>
</select>
</body>
</html>

效果很明顯:

html select標籤怎麼預設選取? select標籤的使用介紹

點擊之後就會開啟下拉框,我們今天要做的就是如何把它默認選中,我們說的就是selected這個屬性,在你想的那個下拉框中輸入這個這個屬性,屬性值和屬性是一樣的,如:

<select>
  <option value ="volvo">php中文网</option>
  <option value ="saab" selected="selected">百度</option>
  <option value="opel">新浪</option>
  <option value="audi">腾讯</option>
</select>

選取了百度,效果如圖所示:

html select標籤怎麼預設選取? select標籤的使用介紹

每次刷新都是以百度在上面顯示,這就是selected這個屬性的用法。也很好用的。

這篇文章到這就結束了(想學更多的HTML知識,歡迎來到PHP中文網學習,這裡有你想要學的所有程式設計課程),有問題的可以在下方提問。

【小編推薦】

html中的ol標籤如何去掉標號呢?

    標籤的使用方法總結

HTML中ul標籤如何去掉點? HTML無序列表的樣式實例解析

#

以上是html select標籤怎麼預設選取? select標籤的使用介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn