用jquery来获取表单信息（新手捏）

最新推荐文章于 2024-06-28 10:47:15 发布

Dazaiosa

最新推荐文章于 2024-06-28 10:47:15 发布

阅读量513

点赞数

文章标签： jquery javascript 前端

本文链接：https://blog.csdn.net/qq_53322246/article/details/126352630

版权

这篇博客介绍了如何使用jQuery来获取HTML表单中的信息。通过示例代码展示了利用jQuery的`val()`、`text()`和`html()`方法获取账号、密码、性别、爱好、星座等字段的值，并将数据结构化输出到控制台。适合前端开发初学者学习。

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

需要现在js目录里导入jquery的配置文件

得自己去官网vc操作，官网：jQuery

下面是表单代码：<!DOCTYPE html>
<html>
<head>
<meta charset="utf8">
<title>表单</title>
<script src="js/jquery-3.6.0.min.js"></script>
<style type="text/css">
body{
   margin: 0px;
   font-size:13px ;
   min-width: 985px;
   }
   .top{
       height:35px;
        background-color: aqua;
       position: relative;
}
.topone{
   margin: 0px;
   position: relative;
}
.top span{
   float: left;
   line-height: 40px;
   margin-left: 12px;
   font-weight: bold;
}
.topone li{
   float: left;
   list-style: none;
   line-height:40px ;
   margin-left:7px ;
   margin-right:3px ;
}
.form{
   margin: 10px 18px;
}
.form_title{
   border-bottom:1px solid darkgray ;
   margin-bottom: 28px;
   position: relative;
   height: 35px;
}
.form_tit