jQuery对表单、表格的操作以及更多应用

表单和表格都是HTML的重要组成部分,分别用于采集、提交用户输入的信息和显示列表数据。

表单应用:一个表单有3个基本组成部分:

①表单标签:包含处理表单数据所用的服务器端程序URL以及数据提交到服务器的方法。

②表单域:包含文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框。

③表单按钮:包括提交按钮、复位按钮和一般按钮,用于将数据传送到服务器上或者取消传送,还可以用来控制其他定义了处理脚本的处理工作。

 

单行文本框应用:文本框是表单域中最基本的元素,基于文本框的应用有很多。

获取和失去焦点改变样式。

 

多行文本框应用

①高度变化

②滚动条高度变化

在多行文本框中,还有另外一个应用,就是通过控制多行文本框的的滚动条的变化,使文本框里的内容滚动。

与控制高度的方法相同,只不过此处需要控制的是另一个属性,即scrollTop。

 

 

复选框应用

对复选框最基本的应用,就是对复选框进行全选、反选和全不选等操作。复杂的操作需要与选项挂钩,来达到各种级联反应效果。

如果需要使复选框处于选中或者不选状态,必须通过控制元素的checked属性来达到目的。如果属性checked的值为true,说明被选中;如果值为false,说明没被选中。因此可以基于这个属性来完成需求。

 

下拉框应用

表单验证

表格应用

posted @ 2017-04-23 10:16  风雨飘飘飘啊飘  阅读(160)  评论(0编辑  收藏  举报