表单验证+获取元素的三种方式
表单验证+获取元素的三种方式
天蝎座的程序媛
发布于 2022-11-18 12:49:16
发布于 2022-11-18 12:49:16
代码可运行
运行总次数：0
代码可运行
目录
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属性值')；
多多支持，欢迎评论区留言ʕ•̼͛͡•ʕ-̺͛͡•ʔ•̮͛͡•ʔ ʕ•̫͡•ʕ*̫͡*ʕ•͓͡•ʔ-̫͡-ʕ•̫͡•ʔ*̫͡*ʔ-̫͡-ʔ
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2022-04-18，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
