如何從文本框中將數據插入表*單元格*

Question

我有3個文本框，一個“添加”按鈕和一個沒有任何數據的表。

我要求用戶在3個文本框中輸入數據，然后按“添加”按鈕。 單擊“添加”后，我想將此數據從文本框中插入表中的單元格1中。

我怎樣才能做到這一點？ 我需要在一個單元格而不是一行中填充3個文本框。

    <h2>Please Enter Car details</h2>

                <asp:Label CssClass="details_label"  ID="lebal1" runat="server" >Owner name</asp:Label>
                <asp:TextBox CssClass="details_input" ID="ownerTxt" runat="server" placeholder="Enter Owner name"></asp:TextBox>

                <asp:Label CssClass="details_label" ID="label2" runat="server" >Car Brand</asp:Label>
                <asp:TextBox CssClass="details_input" ID="brandTxt" runat="server" placeholder="Enter Car Brand"></asp:TextBox>

                <asp:Label CssClass="details_label" ID="label3" runat="server" >Car Number</asp:Label>
                <asp:TextBox CssClass="details_input" ID="numberTxt" runat="server" placeholder="Enter Car Number"></asp:TextBox>


                <asp:Button CssClass="details_button" ID="addbtn" Text="Add" runat="server" Height="16px" Width="65px"/>

    <table class="table">
        <tr>
            <th>Zone 1</th>
            <th>Zone 2</th>
            <th>Zone 3</th>

        </tr>
        <tr>
            <td>Cell 1</td>
            <td>Cell 2</td>
            <td>Cell 3</td>
        </tr>
</table>
    </form>

</body>
</html>

Answer 1

將單元格1轉換為服務器控件（將<td>Cell 1</td>替換為<td id="cell1" runat="server">Cell 1</td> ，依此類推），向addbtn添加OnClick處理程序，從此處理程序中的文本框中讀取值，並將其值分配給cell1 。