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

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

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属性值');
相关文章
|
5天前
|
云安全 人工智能 安全
AI被攻击怎么办?
阿里云提供 AI 全栈安全能力,其中对网络攻击的主动识别、智能阻断与快速响应构成其核心防线,依托原生安全防护为客户筑牢免疫屏障。
|
15天前
|
域名解析 人工智能
【实操攻略】手把手教学,免费领取.CN域名
即日起至2025年12月31日,购买万小智AI建站或云·企业官网,每单可免费领1个.CN域名首年!跟我了解领取攻略吧~
|
9天前
|
安全 Java Android开发
深度解析 Android 崩溃捕获原理及从崩溃到归因的闭环实践
崩溃堆栈全是 a.b.c?Native 错误查不到行号?本文详解 Android 崩溃采集全链路原理,教你如何把“天书”变“说明书”。RUM SDK 已支持一键接入。
589 212
|
4天前
|
编解码 Linux 数据安全/隐私保护
教程分享免费视频压缩软件,免费视频压缩,视频压缩免费,附压缩方法及学习教程
教程分享免费视频压缩软件,免费视频压缩,视频压缩免费,附压缩方法及学习教程
234 138
|
存储 人工智能 监控
从代码生成到自主决策:打造一个Coding驱动的“自我编程”Agent
本文介绍了一种基于LLM的“自我编程”Agent系统,通过代码驱动实现复杂逻辑。该Agent以Python为执行引擎,结合Py4j实现Java与Python交互,支持多工具调用、记忆分层与上下文工程,具备感知、认知、表达、自我评估等能力模块,目标是打造可进化的“1.5线”智能助手。
828 60
|
7天前
|
人工智能 移动开发 自然语言处理
2025最新HTML静态网页制作工具推荐:10款免费在线生成器小白也能5分钟上手
晓猛团队精选2025年10款真正免费、无需编程的在线HTML建站工具,涵盖AI生成、拖拽编辑、设计稿转代码等多种类型,均支持浏览器直接使用、快速出图与文件导出,特别适合零基础用户快速搭建个人网站、落地页或企业官网。
1207 157
|
6天前
|
存储 安全 固态存储
四款WIN PE工具,都可以实现U盘安装教程
Windows PE是基于NT内核的轻量系统,用于系统安装、分区管理及故障修复。本文推荐多款PE制作工具,支持U盘启动,兼容UEFI/Legacy模式,具备备份还原、驱动识别等功能,操作简便,适合新旧电脑维护使用。
505 109