如何从3个以上的html Input 中保存数据?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (347)

你好,我有一个带有几个html/输入标签的表单。就像这样:

   <form class="form-group">
            <div class="body table-responsive">
                <table class="table m-b-0">
                    <thead>
                        <tr>

                            <th>Name</th>
                            <th>age</th>
                            <th>phone number</th>
                            <th>ID</th>

                        </tr>
                    </thead>
                    <tbody>
                        @foreach (var item in Model)
                        {
                            <tr>

                                <td>@item.name</td>
                                <td>
                                    <input type="text" name="" id="" value="" 
                                    class="bordered">
                                </td>
                                <td>
                                    <input type="text" name="" id="" value="" 
                                   class="bordered">
                                </td>
                                <td>
                                    <input type="text" name="" id="" value="" 
                                    class="bordered">
                                </td>


                            </tr>
                        }
                    </tbody>
                </table>
            </div>
        </form>

我还没有命名或识别他们,因为我知道有一种方法来填充所有的输入,并保存在同时提交或按钮是按下,我只是不知道如何。

是否需要添加标记或属性,以便在按下输入时能够同时保存所有输入?

提问于
用户回答回答于

你必须为每个输入指定名称,并添加“提交”按钮。单击Submit时,将使用给定的方法将用户输入发送到服务器。

<form method="post" class="form-group">
    <div class="body table-responsive">
        <table class="table m-b-0">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>age</th>
                    <th>phone number</th>
                    <th>ID</th>
                </tr>
            </thead>
            <tbody>
                @{
                    var i = 0;
                    foreach (var item in Model) {
                    <tr>
                        <td>@item.name</td>
                        <td>
                            <input type="text" name="input1_@i" id="" value="" 
                            class="bordered">
                        </td>
                        <td>
                            <input type="text" name="input2_@i" id="" value="" 
                           class="bordered">
                        </td>
                        <td>
                            <input type="text" name="input3_@i" id="" value="" 
                            class="bordered">
                        </td>
                    </tr>
                    }
                }
            </tbody>
        </table>
    </div>
    <button type="submit">Submit</button>
</form>

或者:

$('form').submit(function(e) {
    e.preventDefault();
    // you can get the input data from 'this' (form element)
    // here comes your validation and server call
});

扫码关注云+社区

领取腾讯云代金券