JavaScript表单学习:与用户交互
2016-04-16 15:53
991 查看
1.HTML表单提供了一种把HTML交互元素组合起来的方式。表单使用<form></form>标签创建,在JavaScript代码中,可以使用Form对象访问该表单,因为HTML标签创建了一个Form对象,有两种方式可以使用:第一是使用表单的name属性访问,第二是使用Forms集合来访问。<form/>元素的许多属性都可以作为Form对象的属性访问。特别是,Form对象的name属性镜像<form/>元素的name属性。
2.HTML表单中可以包含:按钮元素、文本元素、textarea元素、复选框和单选按钮、选择框等等。
3.与表单元素关联的对象有许多通用的属性、方法和事件。这些对象都有name属性,该属性可用在JavaScript中引用对象。也都有form属性,该属性是对包含该元素Form对象的引用。type属性返回一个表示元素类型的文本字符串。
4.表单元素的方法和事件。比如都存在focus()和blur()方法,focus和blur事件。当用户选中了某元素,就调用focus()方法,也就是该元素获得了输入焦点。一旦获得焦点,就触发focus事件。同样,当某个元素失去了焦点,就调用blur()方法,当元素失去焦点时,就触发blur事件。
5.所有的元素都有一个返回值,它是赋予该元素的字符串数据。该值的含义取决于元素,文本框元素的返回值是文本框中显示的文本,按钮元素的返回值是按钮显示的文本。
6.按钮元素的作用是提供用户单击,这个单击会触发用户编写的程序脚本。
7.文本元素允许用户输入单行的文本。
8.textarea元素与文本框类似,但允许用户输入多行的文本。
9.复选框和单选按钮基本上算是同类元素。单元按钮在同一组中只允许有一个元素被选中,而复选框则可以有多个。
10.列表框和下拉列表框使用标签<select/>定义,默认size属性是1,显示为下拉列表框。其中选择元素的每个选项都使用<option/>标签定义。select对象selectedIndex属性指定选中了哪个选项,可以使用该索引访问选中的选项。select对象具有change事件,当用户在列表中选择另一项时,将触发change事件。
2.HTML表单中可以包含:按钮元素、文本元素、textarea元素、复选框和单选按钮、选择框等等。
3.与表单元素关联的对象有许多通用的属性、方法和事件。这些对象都有name属性,该属性可用在JavaScript中引用对象。也都有form属性,该属性是对包含该元素Form对象的引用。type属性返回一个表示元素类型的文本字符串。
4.表单元素的方法和事件。比如都存在focus()和blur()方法,focus和blur事件。当用户选中了某元素,就调用focus()方法,也就是该元素获得了输入焦点。一旦获得焦点,就触发focus事件。同样,当某个元素失去了焦点,就调用blur()方法,当元素失去焦点时,就触发blur事件。
5.所有的元素都有一个返回值,它是赋予该元素的字符串数据。该值的含义取决于元素,文本框元素的返回值是文本框中显示的文本,按钮元素的返回值是按钮显示的文本。
6.按钮元素的作用是提供用户单击,这个单击会触发用户编写的程序脚本。
7.文本元素允许用户输入单行的文本。
8.textarea元素与文本框类似,但允许用户输入多行的文本。
9.复选框和单选按钮基本上算是同类元素。单元按钮在同一组中只允许有一个元素被选中,而复选框则可以有多个。
10.列表框和下拉列表框使用标签<select/>定义,默认size属性是1,显示为下拉列表框。其中选择元素的每个选项都使用<option/>标签定义。select对象selectedIndex属性指定选中了哪个选项,可以使用该索引访问选中的选项。select对象具有change事件,当用户在列表中选择另一项时,将触发change事件。
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- 最后一次说说闭包
- Ajax
- HTML5调用摄像头实例
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法