我的HTML不符合我的代码

为什么我的HTML不能按照我的代码工作？看这里

系统的输出是

F文本框

L文本框

钮扣

对吧？。我做错了什么

<div>
<tr>
    <td>
        <label>F</label>
    </td>
    <td>
        <input type="text" style="width: 50px;" id="txtBS" />
    </td>
</tr>
<tr>
    <td>
        <label>L</label>
    </td>
    <td>
        <input type="text" style="width: 50px;" id="txtBSLName" />
    </td>
</tr>
<tr>
<button type="button" class="btn btn-primary" id="btnAlert">
    Add</button>
</tr>

您忘记添加标签了

F L 添加 不是div的有效子级。请改用。以及你的按钮缺少一个td作为包装

请注意，除非您实际显示一个表，否则使用表进行布局通常是不可取的

<table>
    <tr>
        <td>
            <label>F</label>
        </td>
        <td>
            <input type="text" style="width: 50px;" id="txtBS" />
        </td>
    </tr>
    <tr>
        <td>
            <label>L</label>
        </td>
        <td>
            <input type="text" style="width: 50px;" id="txtBSLName" />
        </td>
    </tr>
    <tr>
        <td>
            <button type="button" class="btn btn-primary" id="btnAlert">
                Add
            </button>
        </td>
    </tr>
</table>

---

你的html按照你的代码工作。你的问题是什么？@BibekAryal和Soorapadman。。下面的答案解决了我的问题