html5无法获取页面的输入值

最新推荐文章于 2021-08-30 15:00:30 发布

村长在路上

最新推荐文章于 2021-08-30 15:00:30 发布

阅读量956

点赞数

文章标签： html5

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/dwl764457208/article/details/51449800

版权

html5没有获取到页面输入的值,导致页面输入的值无法传到后端。
代码如下

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>用户登录</title>
</head>
<body>
<h1 align="center">用户登录</h1>
<form action="/Vcooline/login/doLogin" method="post" enctype="text/plain">
   <h3 align="center"> 用户名: <input type="text" name="userName" size="20" maxlength="50"/></h3>
    <h3 align="center"> 密码: <input type="password" name="password" size="20" maxlength="50"/></h3>
    <h3 align="center">
     <input type="submit" name="submit" value="登录"/>    <input type="submit" name="submit" value="注册"/>
    </h3>
    </form>
<img src="static/images/sex.jpg">
</body>
</html>

什么原因导致的呢？type标签在前面，name标签在后面导致的

<input type="text" name="userName"/>

正确的例子，实现用户登录

<form action="/Vcooline/login/doLogin" method="post"/>
        *账号:
    <input name="userName" type="text" size="20" maxlength="8"/>
    <br> </br>
        *密码:
    <input name="password" type="password" size="20" maxlength="8"/>
    <br> </br>
    <input type="submit" name="submit" value="登录"/>
<img src="static/images/sex.jpg" width="500" hspace="400" vspace="100">