<html>
<head>
<title>这是我的练习</title>
<script language="javascript">
</script>
</head>
<body onLoad="alert('加载事件')" onSubmit=alert('表单提交')>
<form>
<input type="text" id="" value="123" size="15" onChange="alert('内容改变')">
<input type="button" id="" value="计算" onClick=alert('这是我的事件')>
<input type="text" id="" value="我获得焦点了" size="15" onFocus="alert('我获得焦点了')">
<input type="text" id="" value="我失去焦点了" size="15" onBlur="alert('我失去焦点了')">
<input type="text" id="" value="鼠标悬停事件"size="15"onMouseOver="alert('鼠标悬停事件')">
<input type="text" id="" value="鼠标移出事件" size="15"onMouseOut="alert('鼠标移出事件')">
<input type="text" id="" value="鼠标移动事件"size="15"onMouseMove="alert('鼠标移动事件')">
<input type="button" id="" value="点击" onMouseDown=alert('鼠标按下事件')>
<input type="button" id="" value="点击" onMouseUp=alert('鼠标弹起事件')>
<input type="submit" id="" value="提交" onSubmit=alert('表单提交')>
</form>
</body>
</html>
分享到：
相关推荐
这个"Html5示例源码"压缩包显然包含了与HTML5相关的各种示例代码，涵盖了HTML5的新特性，如canvas、video、CSS3以及JavaScript的应用。 首先，Canvas是HTML5的一个重要组成部分，它提供了一个二维的绘图环境，允许...
总结，"拖动元素靠边吸附示例dome"是移动端H5开发中一个实用的技巧，结合HTML5的拖放API、触摸事件处理和CSS布局，可以创建出富有创新和互动性的用户界面。通过深入了解和实践这些技术，开发者能够打造出更加贴近...
本压缩包“HTML5经典示例”包含7个精心挑选的示例，旨在展示HTML5的强大之处，以及如何通过它来实现各种华丽的视觉效果。 1. **Canvas画布** HTML5的Canvas元素提供了在网页上动态绘制图形的能力。通过JavaScript...
它能改变HTML元素的属性、内容，响应用户的点击、滚动等事件，甚至可以进行异步数据请求（Ajax）和与服务器通信。JavaScript的基本语法与Java类似，但更灵活。学习JavaScript时，需要理解变量、数据类型、控制流...
HTML5 API调用示例是现代网页开发中的关键部分，它极大地扩展了Web应用程序的功能，使其可以实现更多原生应用的特性。W3C（万维网联盟）是定义HTML5标准的权威组织，它的API规范为开发者提供了丰富的工具集，以创建...
《HTML5+页面元素拖拽事件示例》是一份HTML5技术的示例资料。它详细介绍了如何利用HTML5的新特性，拖放API（Drag and Drop API），让网页元素实现动态交互。内容涵盖基本的拖拽事件如dragstart、dragover、drop等，...
这个示例特别关注了CSS（层叠样式表）的应用，它允许我们对HTML元素进行样式设置，实现色彩、布局和设计的个性化。 首先，让我们来看看HTML标签的使用。HTML标签通常由尖括号包围，比如`<div>`、`<p>`、`<h1>`等。...
自动生成常用HTML表单元素的示例数据集。用于HTML UI数据集生成器中的机器学习对象检测训练
1. HTML属性：这是最基础的方法，直接在HTML元素上设置`onclick`、`onmouseover`等属性来绑定事件处理函数。 ```html ('Button clicked!')">Click me ``` 2. DOM0级方法：在JavaScript中，通过元素的事件属性来添加...
在JavaScript中，处理用户在元素中打字的生命周期通常涉及到一系列事件。这些事件可以帮助你跟踪用户在输入框中输入、编辑和删除文本的过程，并包含输入字符事件完整生命周期触发讲解，对应需要掌握输入事件的有作用...
1. HTML元素：HTML文档由一系列的元素组成，每个元素都有其特定的含义。例如，`<html>`是根元素，它包含了整个网页的内容；`<head>`包含元数据，如页面标题；`<body>`则包含可见的页面内容。 2. 标签对：HTML元素...
在实际应用示例中，我们可能会看到如何使用CSS（Cascading Style Sheets）来美化HTML元素，通过class或id选择器来应用样式。例如，使用color属性改变文字颜色，使用background-color设置背景色，使用font-size调整...
JS_touch事件示例dom元素对象垂直滑动与水平滑动 http://user.qzone.qq.com/1105228659/infocenter?ptsig=w7PeHx2zMAiS8rI9VIP4eudld3WsOAteS9qiLxGQpiA_
在这个"html简单编程源码"压缩包中，我们可以找到实际的HTML代码示例，这些示例可能涵盖了上述提到的各种元素和概念。通过查看和学习这些代码，初学者可以更好地理解HTML的结构和用法，进一步提升网页制作技能。同时...
在示例中，可能会看到各种图标在导航、按钮等位置的应用。 最后，LayUI还提供了一些实用工具函数，如日期选择器`layui.laydate`，可以帮助开发者处理时间日期相关的操作。 总的来说，这个“LayUI框架示例整合”是...
HTML 事件是网页交互的核心，它们允许用户与页面上的元素进行互动。在这个示例中，我们看到的是如何利用 HTML、CSS 和 JavaScript 结合来创建一个可动态调整大小的矩形。下面将详细解释这个示例中的关键知识点： 1....
本压缩包"html语言示例.rar"包含了关于HTML的学习资源，旨在帮助初学者理解并掌握HTML的基本结构和元素。 HTML文档的基本结构由以下部分组成： 1. **文档声明**：HTML文档以`<!DOCTYPE html>`开头，告知浏览器文档...
在示例中，@click被用在了td元素和tr元素上，这展示了如何在不同级别的HTML元素上绑定点击事件。在事件处理器中，可以通过事件对象访问到被点击的元素，或者通过参数直接传递需要的值，如示例中的site.num。 示例...
CSS选择器允许我们精确地定位到HTML元素，并应用样式属性，如颜色、字体、布局等。CSS3新增了更多的选择器、过渡效果和动画，使得设计更加丰富和动态。 在“jquery html js ajax css参考手册”中，开发者可以找到...