HTML option標簽如何添加2個value？option標簽的用法解析

首先先看看HTML option標簽的意思：

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

瀏覽器將 <option> 標簽中的內(nèi)容作為 <select> 標簽的菜單或是滾動列表中的一個元素顯示。

option 元素位于 select 元素內(nèi)部。

HTML option標簽的用法提示：

提示：<option> 標簽可以在不帶有任何屬性的情況下使用，但是您通常需要使用 value 屬性，此屬性會指示出被送往服務器的內(nèi)容。

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

提示：如果列表選項很多，可以使用 <optgroup> 標簽對相關選項進行組合。

說了這么多，看看問題，option標簽怎么添加兩個value，這有個實例：

創(chuàng)建帶有 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是顯示在網(wǎng)頁上的內(nèi)容

就比如這個：

<select >
<option value = "class1">這是要傳給后臺表單處理程序的</option>
</select>

在網(wǎng)頁上顯示"這是要傳給后臺表單處理程序"

傳給后臺程序就是class1了

這樣做的好處有兩個:

1.減少表單傳輸數(shù)據(jù),可能避免了一些中文編碼問題

2.如果以后想改顯示內(nèi)容,不用修改后臺程序

【小編推薦】

HTML中的base標簽如何寫相對路徑？（內(nèi)附使用介紹）

html base標簽怎么用？base標簽的使用方法（附實例）

以上就是HTML option標簽怎么添加兩個value？option標簽的用法解析的詳細內(nèi)容，更多請關注php中文網(wǎng)其它相關文章！