HTML Form Post 提交 无数据 的处理

发布于:2025-04-02 ⋅ 阅读:(15) ⋅ 点赞:(0)

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

<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了。


网站公告

今日签到

点亮在社区的每一天
去签到