2015-05-27 81 views
1

我試圖在HTML5中創建表單,但我遇到了下拉列表菜單的問題。我的表單中的第二個下拉列表總是僅顯示文本。我甚至複製並粘貼完全相同的表單,連續兩次,第一個和第三個工作,但第二個只顯示文本列表。第二個下拉選擇列表僅顯示爲文本

例:

<form> 
    <p> 
    <label for="x">Sample Drop Down</label> 
    <select type="list" name="sample"> 
    <option>-----Select One-----</option> 
     <option value="s1">Sample 1</option> 
     <option value="s2">Sample 2</option> 
    </p> 

    <p> 
    <label for="y">Sample Drop Down 2</label> 
    <select type="list" name="sample2"> 
    <option>-----Select One-----</option> 
     <option value="s3">Sample 3</option> 
     <option value="s4">Sample 4</option> 
    </p> 
</form> 

任何想法可能是什麼?我很抱歉,如果這是簡單的,但我只是學習,並找不到任何類似的問題在線。

+0

標籤之後,你應該關閉

+0

您可以使用[HTML驗證(HTTPS://html5.validator .NU /)。 – Xufox

回答

3

您錯過了結束選擇標籤。

<form> 
    <p> 
    <label for="x">Sample Drop Down</label> 
    <select type="list" name="sample"> 
    <option>-----Select One-----</option> 
     <option value="s1">Sample 1</option> 
     <option value="s2">Sample 2</option> 
</select> 
    </p> 

    <p> 
    <label for="y">Sample Drop Down 2</label> 
    <select type="list" name="sample2"> 
    <option>-----Select One-----</option> 
     <option value="s3">Sample 3</option> 
     <option value="s4">Sample 4</option> 
</select> 
    </p> 
</form> 
+0

謝謝!出於某種原因,我認爲選擇標籤不需要關閉,我甚至記得當我正在觀看的教程沒有關閉標籤時認爲它很奇怪。 – slash

2

標籤後應關閉的標籤

<form> 
    <p> 
    <label for="x">Sample Drop Down</label> 
    <select type="list" name="sample"> 
    <option>-----Select One-----</option> 
     <option value="s1">Sample 1</option> 
     <option value="s2">Sample 2</option> 
    </select> 
    </p> 

    <p> 
    <label for="y">Sample Drop Down 2</label> 
    <select type="list" name="sample2"> 
    <option>-----Select One-----</option> 
     <option value="s3">Sample 3</option> 
     <option value="s4">Sample 4</option> 
    </select> 
    </p> 
</form> 
相關問題