JavaScript笔记之表单处理

如果需要从Web站点的用户那里收集信息,那么就需要使用表单。

表单可以包含大多数常见的图形界面元素,包括输入字段、单选按钮、复选框、弹出菜单和输入列表。另外,HTML表单可以包含密码字段,这种控件会隐藏用户的输入以免被别人偷看。

在填写表格后,点击菜单上的Submit按钮将表单的信息发送到Web服务器,在服务器上CGI程序(Common Gateway Interface,它是在Web服务器上运行的一个脚本)会解释并操作这些数据。然后,常常将数据存储在数据库中供以后使用。在服务器端使用数据之前,需要确保用户输入的数据是准确(正确)的格式。

JavaScript是检查数据的好方法,这种技术称为表单验证(form validation)。尽管CGI可以完成验证(而且应该作为预防措施,因为有些用户会在浏览器中关闭JavaScript功能),但是在客户机用JavaScript进行验证要快得多,而且用户操作的效率也更高。

关于表单一些概括:

获取表单


form对象事件

onsubmit在表单提交之前触发
onreset在表单被重置之前触发

引用表单元素

遍历一个表单中的所有表单域

表单域的通用属性

1)创建只读(不可用)表单域
element.disabled=true;
element.disabled=false;
2)获取表单域的值
value

表单域的通用方法

1)表单域获得焦点:focus()

2)表单域失去焦点:blur()

表单域的通用事件

onFocus:获得焦点时,产生该事件
onBlur:失去焦点时,产生该事件
onselect:文字被加亮显示后(选择),产生该文件
onchange:表单域的值改变时
onclick:键盘单击
onkeydown:键盘按下
onkeyup:键盘松开
onkeypress:键盘按下松开
onmouseover:鼠标移上
onmouseout:鼠标移出
onmousedown:鼠标按下
onmouseup:鼠标松开

文本域、复选框、单选按钮、下拉列表框、表单验证等。

动态地改变菜单

常常需要通过弹出菜单向用户提供输入的机会,而且希望根据用户在另一个弹出菜单中所作的选择,改变一个或多个弹出菜单内容,以下示例用来选择月份,即根据所选月份选月份的天数,填充第二个弹出菜单:


在弹出菜单中选择一个值,然后就可以创建第二个弹出菜单的内容

(源《JavaScript基础教程》)

你可能感兴趣的:(JavaScript)