html - 如何将普通输入 Div Post 数据发送到服务器

Question

我知道如何做一个 POST html 表单。但是，我现在有一个奇怪的输入系统，我对如何切换到 HTML Post 表单感到困惑。
这是 HTML 代码:

<div class="container-fluid" id='room-create' hidden>
    <div class="row">
        <div class="col-12 h2 mt-5 text-center">Create Room</div>
    </div>
    
    <div class="row mt-2">
        <div class="col-12 text-center">
            <span class="form-text small text-danger" id='err-msg'></span>
        </div>

        <div class="col-12 col-md-4 offset-md-4 mb-3">
            <label for="room-name">Room Name</label>
            <input type="text" id='room-name' class="form-control rounded-0" placeholder="Room Name">
        </div>

        <div class="col-12 col-md-4 offset-md-4 mb-3">
            <label for="your-name">Your Name</label>
            <input type="text" id='your-name' class="form-control rounded-0" placeholder="Your Name">
        </div>

        <div class="col-12 col-md-4 offset-md-4 mb-3">
            <button id='create-room' class="btn btn-block rounded-0 btn-info">Create Room</button>
        </div>

        <div class="col-12 col-md-4 offset-md-4 mb-3" id='room-created'></div>
    </div>
</div>

我已经尝试将第一个 div 切换为表单，但无济于事。我将如何切换以将此发布数据发送到我的服务器(“/”)？
我已经尝试过的:

<form action="/" method="post" class="container-fluid" id='room-create' hidden>
<!--- other code here ---->
</div>
(I also did the same switch in the second div, the div with `class="row mt-2"`)

Any help is appreciated!

Thanks so much

Answer 1

我最终将整个元素集合(包括外部 div)包装在一个表单中。然而，实际上是提交按钮的 id 弄乱了它。我仍然不确定为什么会发生这种情况，但是出于某种奇怪的原因，当我删除 id 时它起作用了。