使用标准 html 形式 post，没有正文

Question

我有这个表格：

<form action="/signup" method="post">

                <div class="field">
                    <label class="label">{{ message }}</label>
                </div>

                <div class="field">
                    <label class="label">Name</label>
                    <div class="control">
                        <input class="input" type="text" placeholder="Text input" value="joe">
                    </div>
                </div>



                <div class="field is-grouped">
                    <div class="control">
                        <button class="button is-link" type="submit">Submit</button>
                    </div>
                    <div class="control">
                        <button class="button is-link is-light">Cancel</button>
                    </div>
                </div>

            </form>

oak 服务器说我没有请求正文。 chrome 开发工具说我没有任何表单数据。

谁能看出为什么这个表单 post 没有表单数据？

Request URL: https://localhost:8000/signup
Request Method: POST
Status Code: 200 OK
Remote Address: [::1]:8000
Referrer Policy: strict-origin-when-cross-origin

Answer 1

为您的 <input> 元素指定 name 属性，这样它本身和与之关联的值就可以作为名称-值对发送。

尝试像这样定义 <input> 元素：

<input name= "text-input" class="input" type="text" placeholder="Text input" value="joe">

因此当输入为例如“myText”（出于演示目的而缩短）时，请求看起来像这样：

Request URL: https://localhost:8000/signup 
Request Method: POST

text-input=myText

这个MDN docs provide some insight也一样，你可能想访问清楚。

使用标准 html 形式 post，没有正文

with a standard html form post, no body

html

forms

http

http-post