Question

我试图在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>

任何想法可能是什么？对不起，如果这很简单，但我只是在学习，并且无法在网上找到任何类似问题的例子。

Answer 1

您缺少结束选择标记。

<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>

Answer 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>

第二个下拉选择列表仅显示为文本

2 个答案: