HTML option用法及代碼示例

HTML中的<option>標記用於從下拉菜單中選擇一個選項。該標記可以有或沒有任何屬性一起使用，並且可以將所需的值發送到服務器。
可以使用<optgroup>標記創建選項組。它創建一組相關的菜單項。

用法:

<option> Contents... </option>

屬性：<option>標記包含以下列出的四個屬性：

disabled:此屬性包含值禁用，表示選項已禁用。
label:此屬性包含文本值，該文本值表示選項的短標簽。
selected:此屬性包含選定的值，該值表示在加載瀏覽器時該項目為per-selected。
value:此屬性包含發送到服務器的值文本。

範例1：

<!DOCTYPE html> 
<html> 
    <head> 
        <title>option tag</title> 
        <style> 
            body { 
                text-align:center; 
            } 
            h1 { 
                color:green; 
            } 
        </style> 
    </head> 
    <body> 
        <h1>GeeksforGeeks</h1> 
        <h2><option> Tag</h2> 
        <select> 
            <option>Choose an option</option> 
            <option value="html">HTML</option> 
            <option value="java">JAVA</option> 
            <option value="C++">C++</option> 
            <option value="php">PHP</option> 
            <option value="perl">PERL</option> 
        </select> 
    </body> 
</html>

輸出：

範例2：

<!DOCTYPE html> 
<html> 
    <head> 
        <title>option tag</title> 
        <style> 
            body { 
                text-align:center; 
            } 
            h1 { 
                color:green; 
            } 
        </style> 
    </head> 
    <body> 
        <h1>GeeksforGeeks</h1> 
        <h2><option> Tag</h2> 
        <strong>Select City<br></strong> 
        <select> 
            <option>Allahabad</option> 
            <option>Pryagraj</option> 
            <option>Jaipur</option> 
            <option>Noida</option> 
        </select> 
    </body> 
</html>

輸出：

支持的瀏覽器：<option>標簽支持的瀏覽器如下：

穀歌瀏覽器
IE瀏覽器
Firefox
Safari
Opera

相關用法

注：本文由純淨天空篩選整理自Vishal_Khoda大神的英文原創作品 HTML | option Tag。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。