jQuery表单选择器

最新推荐文章于 2022-07-18 16:51:04 发布

微风吹过李子树

最新推荐文章于 2022-07-18 16:51:04 发布

阅读量111

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/weixin_43171186/article/details/103689447

版权

jQuery 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

直接复制粘贴到自己的编辑软件内运行即可得到结果：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表单选择器</title>
	</head>
	<body>
	<form id='myform' name="myform"  method="post">		
			<input type="hidden" name="uno" value="9999" disabled="disabled"/>
			姓名:<input type="text" id="uname" name="uname" /><br />
			密码:<input type="password" id="upwd" name="upwd" value="123456" /><br />
			年龄:<input type="radio" name="uage" value="0" checked="checked"/>小屁孩
				 <input type="radio" name="uage" value="1"/>你懂得  <br /> 
			爱好:<input type="checkbox" name="ufav" value="篮球"/>篮球
				 <input type="checkbox" name="ufav" value="游戏"/>游戏
				 <input type="checkbox" name="ufav" value="代码"/>代码<br />
			来自:<select id="ufrom" name="ufrom">
					<option value="-1" selected="selected">请选择</option>
					<option value="0">北京</option>
					<option value="1">上海</option>
				</select><br />
			简介:<textarea rows="10" cols="30" name="uintro"></textarea><br />
			头像:<input type="file"  /><br />
			<input type="image" src="http://www.baidu.com/img/bd_logo1.png" width="20" height="20"/>
			<button type="submit" onclick="return checkForm();">提交</button>
			<button type="reset" >重置</button>		
		</form>
	</body>
	<script src="js/jquery-3.4.1.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		/* 表单选择器 :表单元素
			:input 选择所有的input表单元素
		 */
		// 获取所有的input元素；只获取input标签元素
		console.log("========input元素===========");
		var inputs=$("input");
		console.log(inputs);//10个
		// 获取所有的表单元素input button textarea select等
		console.log("========input表单元素===========");
		var input=$(":input");
		console.log(input);//14个
	</script>
</html>

运行结果（浏览器鼠标右键选择：查看元素/检查或者直接按F12：选择控制台/console进行查看）：
在这里插入图片描述

微风吹过李子树

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery表单选择器

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>表单选择器</title> </head> <body> <form id='myform' name="myform" method="post"&g...
复制链接

扫一扫

专栏目录