Question

为什么我的HTML根据我的代码不能正常工作？请在此处查看JSFIDDLE。

输出是

F (textbox)

L (textbox)

button

右？我在这里做错了什么？。

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

Answer 1

您忘了添加<table>代码

＆＃13;

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

＆＃13;

Answer 2

tr不是div的有效孩子。请改用table。除了您的按钮缺少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>

JSFiddle

我的HTML根据我的代码不起作用

2 个答案: