表单的相关事件及特效

                                                       ----------------2014.03.05------------------
一、HTML事件的例子:
·当用户点击鼠标时
·当网页已加载时
·当图像已加载时
·当鼠标鼠标移动到元素时
·当输入字段被改变时
·当提交HTML表单时
·当用户触发按键时

二、使用图片代替提交按钮
1)图片的点击事件:onClick = "事件名"
2)图片不具备'提交'按钮的提交功能,因此需要人工调用提交方法--submit()

三、制作回车切换输入的效果
1)键盘输入事件:onKeyDown事件
2)将回车键ASCLL码13,改为Tab键-ASCLL码9

3)方向键的ASCLL码:
  ↑向上键--38,  ↓向下键--40

  ←向左键--37   →向右键--39

四、制作即使提示错误的特效
1)使用DIV层的内容动态改变
2)设置DIV层的显示方式为inline,即和文本框在同一行
3)添加文本框失去焦点的时间函数

 

五、制作内容动态改变的层特效
方法一：当动态显示的内容较少时,使用myDiv.innerHTML = "HTML代码"
   myDiv.innerHTML = "HTML代码";

方法二：2)当动态显示的内容较多,并相对固定时,则预先制作好DIV内容,然后使用
  myDiv.style.display = "none/block";

实现步骤:
1、预先插入两个DIV标签
2、添加函数,初始化DV1不显示
3、添加函数,根据相应的选择,隐藏/显示对应DIV层

 

六、问题
1)为了美观,现把提交按钮变成图片,但仍然保持表单的验证功能?如何实现?
答:使用图片的单击事件,onClick = "checkForm()"

2)使用图片代替"提交按钮"时,如何实现表单验证功能

3)制作回车Tab切换特效的思路

4)制作即使提示错误特效的思路是什么

5)制作内容动态改变的思路是什么