表单验证+获取元素的三种方式

天蝎座的程序媛

已于 2023-01-05 10:33:07 修改

阅读量303

点赞数 12

分类专栏：前端技术+BootStrap+LayUI+EasyUI 文章标签：前端 javascript HBuilderX

于 2022-04-18 17:19:47 首次发布

本文链接：https://blog.csdn.net/m0_62246061/article/details/124254082

版权

前端技术+BootStrap+LayUI+EasyUI 专栏收录该内容

22 篇文章 2 订阅

订阅专栏

JavaScript单词

表单验证

获取元素的三种方式

JavaScript单词

onclick:点击事件

onmouseout:鼠标离开事件

onmouseover：鼠标移上去事件

onload：页面加载事件

onblur:失去焦点

表单验证

这个可以直接用，你们可以再加一点css样式就可以运用到项目当中，效果就是上面那张图

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表单验证</title>
</head>
	<body>
		<form action="http://www.baidu.com" method="post">
			用户名：<input type="text" /><br>
			密码:<input type="password" /><br>
			性别:<input name="sex" type="radio" />男
			<input checked="true" type="radio" name="sex" />女<br>
			爱好:
			<input name="like" type="checkbox" />吃饭饭
			<input name="like" type="checkbox" />睡觉觉
			<input name="like" type="checkbox" />打豆豆
			<input name="like" type="checkbox" />打打球<br>
			地址:
			<select>
				<option>北京</option>
				<option>南京</option>
				<option>东京</option>
				<option selected="selected">岛市</option>
			</select>
			<br />
			个性签名:
			<textarea>
			</textarea>
			<br>
			<button>普通按钮</button>
			<input type="button" value="普通按钮" />
			<input type="reset" value="重置按钮" />
			<input type="submit" value="提交按钮" />
			<input type="file" />
			<input type="image" src="images/zsd.JPG" />
		</form>
	</body>
</html>

获取元素的三种方式

获取ID单个元素

document.getElementById();

根据标签名获取元素

document.getElementBTagName();

根据标签name属性获取元素

document.getElementsByName('name属性值')；

多多支持，欢迎评论区留言ʕ•̼͛͡•ʕ-̺͛͡•ʔ•̮͛͡•ʔ ʕ•̫͡•ʕ*̫͡*ʕ•͓͡•ʔ-̫͡-ʕ•̫͡•ʔ*̫͡*ʔ-̫͡-ʔ

天蝎座的程序媛

关注

12
点赞
踩
7

收藏

觉得还不错? 一键收藏
打赏
10
评论
表单验证+获取元素的三种方式

目录JavaScript单词表单验证获取元素的三种方式JavaScript单词onclick:点击事件onmouseout:鼠标离开事件onmouseover：鼠标移上去事件onload：页面加载事件onblur:失去焦点表单验证这个可以直接用，你们可以再加一点css样式就可以运用到项目当中，效果就是上面那张图<!DOCTYPE html><html><head><meta charset="utf-.
复制链接

扫一扫