标签导致文本框取消选择

时间:2013-08-13 18:45:34

标签: html forms

我正在学习如何制作表格并将其用于练习。当我有标签并试图点击任何表单元素时,它会选择前一个。例如,如果我点击密码输入框,它会将我发送到用户名输入框。当我删除标签时,虫子消失了。我很确定标签不应该这样做。控制台没有显示任何错误,所以我很困惑为什么会这样做。

这是我的代码:

        <form action="">
            <fieldset>
                <label>username<label>
                <input type="text" id="userInput"/>
                <label>password<label>
                <input type="password" id="passwordInput"/>
                <label>Hidden<label>
                <input type="hidden" id="hiddenInput" value="I can't tell you"/>
                <label>Text Area<label>
                <textArea id="areaInput" rows="10" cols="40">
                This is a big area with lots of text.
                </textArea>
                <input type="button" onClick="" value="submit"/>
            <fieldset>
        <form>

2 个答案:

答案 0 :(得分:4)

看起来您没有关闭标签标签,因此您正在制作另一个标签。您需要使用<label>关闭</label> - 只是一个错字!

答案 1 :(得分:3)

您尚未关闭<label>代码。在结束标记上使用/斜杠:

<label>username</label>