HTML option標籤怎麼加入兩個value？ option標籤的用法解析

本篇文章主要的講述了關於HTML option標籤的用法實例，怎麼添加兩個value的值，最後還有一個常見的問題解答，希望能幫到大家，好了，現在一起來看看這篇關於HTML option標籤的文章吧

先來看看HTML option標籤的意思：

option 元素定義下拉清單中的一個選項（一個條目）。

瀏覽器將 標籤中的內容作為 標籤的選單或是捲動清單中的一個元素顯示。

option 元素位於 select 元素內部。

HTML option標籤的用法提示：

提示： 標籤可以在不帶有任何屬性的情況下使用，但您通常需要使用value屬性，此屬性會指示出被送到伺服器的內容。

提示：請與 select 元素搭配使用此標籤，否則這個標籤是沒有意義的。

提示：如果清單選項很多，可以使用 標籤對相關選項進行組合。

說了這麼多，看看問題，option標籤怎麼加兩個value，這有個實例：

建立帶有2 個選項的選擇清單：

<select>
  <option value ="volvo">Volvo（第一个value）</option>
  <option value ="saab">Saab（第一个value）</option>
</select>

那麼效果圖呢？在這：

看，點開之後還有一個，這就是option標籤的選擇清單

我們接下來來看一個關於HTML option標籤的問題與解答：

<select><optionvalue="A">B</option></select>

其中「A」「B」分別代表什麼？

HTML option標籤的問題解答：

A是實際傳給後台表單處理程序

B是顯示在網頁上的內容

就例如這個：

<select >
<option value = "class1">这是要传给后台表单处理程序的</option>
</select>

在網頁上顯示"這是要傳給後台表單處理程序"

傳給後台程式就是class1了

這樣做的好處有兩個:

1.減少表單傳輸資料,可能避免了一些中文編碼問題

2.如果以後想改顯示內容,不用修改後台程式

【小編推薦】

HTML中的base標籤如何寫相對路徑？ （內附使用介紹）

html base標籤怎麼用？ base標籤的使用方法（附實例）

以上是HTML option標籤怎麼加入兩個value？ option標籤的用法解析的詳細內容。更多資訊請關注PHP中文網其他相關文章！