1. 表单元素:
a) Input标签:文本框(text)—密码框(password)—单选—复选框—文件—图像—隐藏—按钮—提交—重置,表单元素都在input标签
b) 文本框元素:将 HTML 的 INPUT 标签中的 type 设置为“text”或“password”,以创建文本框元素
i. 属性:readonly、value、name
ii. 方法:focus(),select(),选中文本内容,突出显示输入区域
iii. 事件:
- 1. onBlur文本框失去焦点
- 2. onChange文本框的值被修改
- 3. onFocus光标进入文本框中
c) 命令按钮元素:将 HTML 的 INPUT 标签中的 type 设置为“button”或“submit”或”reset“,创建普通按钮、提交按钮、重置按钮。
i. 属性:name,value
ii. 事件:
- onClick 按钮单击
- 2. onSubmit 表单提交事件,单击“提交”按钮时产生,此事件属于<FORM>元素,不属于提交按钮
- onSubmit事件处理代码:<FORM onSubmit=”return 调用函数名”>…</FORM>如果函数返回true,则向远程服务器提交表单; 如果函数返回false,则取消提交。
d) 复选框元素:将 HTML 的 INPUT 标签中的 type 设置为“checkbox”,创建复选框列表
- 属性:value,checked,name
- 事件:onClick,onFocus,onBlur
e) 单选按钮元素:将 HTML 的 INPUT 标签中的 type 设置为“radio”
i. 属性:value,checked,name
ii. 事件:onClick,onFocus,onBlur
f) 下拉列表元素:添加select标签,列表中包含的选项用OPTION标签
i. 属性:name, OPTION标签中的值用value
ii. 事件:onchange