表单增强与验证——提交表单（处理submit事件以及获取表单的值）

最新推荐文章于 2023-02-28 21:02:27 发布

shirley云

最新推荐文章于 2023-02-28 21:02:27 发布

阅读量875

点赞数

分类专栏： js 文章标签：表单增强与验证

本文链接：https://blog.csdn.net/linda_417/article/details/51647929

版权

本文介绍了如何使用HTML构建表单，结合JavaScript utilities.js 和 submit-event.js 文件，来增强表单功能，特别是处理表单提交事件及有效地获取表单输入值。

摘要由CSDN通过智能技术生成

HTML

       <form id="login" action="/login/" method="post">
        <div class="one-third column">
          <img src="img/logo.png" alt="logo" id="logo" />
        </div>
        <div class="two-thirds column" id="main">
          <fieldset>
            <legend>Login</legend>
            <label for="username">Username:</label>
            <input type="text" id="username" name="username" />
            <label for="pwd">Password:</label>
            <input type="password" id="pwd" name="pwd" />
            <input type="submit" value="Login" />
          </fieldset>
        </div><!-- .two-thirds -->