当前位置：首页 > news >正文

HTML Form Post 提交无数据的处理

news 来源：原创 2025/6/8 12:55:39

从网上抄了一个超级简单的登录页面，如下：

<form id="registrationForm" action="login" method="post">
    <div class="form-group">
        <label for="username">
            User
        </label>
        <input type="text"
               class="form-control"         
               id="username"
               placeholder="User Name" required />
    </div>
    <div class="form-group">
        <label for="password">
            Password
        </label>
        <input type="password" 
               class="form-control"
               id="password" 
               placeholder="Password"
            required />
    </div>
    <button class="btn btn-danger" type="submit">
        Login
    </button>
</form>

后台是Django的一个简单的view来接数据。

但是运行起来后，点击Login按钮，后台的request.body是空，F12看前台也没有往后台传数据。

网上搜索了一圈，发现原因非常简单，前台HTML的form中，两个input没有写name。

修改为：

<form id="registrationForm" action="login" method="post">
    <div class="form-group">
        <label for="username">
            User
        </label>
        <input type="text"
               class="form-control"
               name="username"
               id="username"
               placeholder="User Name" required />
    </div>
    <div class="form-group">
        <label for="password">
            Password
        </label>
        <input type="password" 
               class="form-control"
               name="password"
               id="password" 
               placeholder="Password"
            required />
    </div>
    <button class="btn btn-danger" type="submit">
        Login
    </button>
</form>

再提交就OK了。