使用jquery获取表单数据，在控制台打印结果

好运，锦鲤

已于 2022-08-15 19:02:17 修改

阅读量130

点赞数 2

文章标签： jquery servlet 前端

于 2022-08-15 18:18:43 首次发布

本文链接：https://blog.csdn.net/m0_65071501/article/details/126351990

版权

本文介绍如何利用jQuery从表单中获取数据，并在控制台展示这些数据。通过示例代码，展示了具体的实现步骤，有助于理解jQuery在前端数据操作中的应用。

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

源码：
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="jquery-3.6.0.min.js"></script>
        <script src="bootstrap.min.js"></script>
        <style type="text/css">
            body{
                margin: 0px;
                font-size: 14px;
            }
            .top{
                width: 100%;
                height: 40px;
                background-color: azure;
                border: 0px solid red;
                position: relative;
            }
            .top span{/* 给"位置:"设置属性 */
                font-weight: bold;/* 设置字体为粗体 */
                float: left;/* 左浮动 */
                line-height: 40px;/* 行间距40px*/
                margin-left: 7px;/* 设置左边间距为7px */                
            }
            .topul{
                margin: 0px;/* 取掉上下左右的间距 */
                list-style: none;/* 取掉ul的实心圆圈 */
            }
            .topul li{/* 给首页 --> 表单设置属性 */
                float: left;/* 向左浮动 */
                /* 行间距30px*/
                margin-left: 5px;/* 左边间距5px */
                margin-right: 3px;/* 右边间距5px */
            }
            .main{
                margin: 10px 18px;/* 上下为10px,左右18px */
            }
            .main_title{
                height: 30px;
                margin-top: 10px;
                margin-bottom: 20px;
                border-bottom: 1px solid gainsboro;/* 给"注册信息"设置下框线 */
                position: relative;
            }
            .main_title span{/* 给"注册信息"设置属性" */