表单的基础知识
1.在HTML中,表单由<form>元素表示,而在JavaScript中则是由HTMLForm-Element,它也有自己的属性和方法,下面列举一些
- acceptCharset
- action接受请求的URL,等价于HTML中的action特性
- elements
- enctype
- length
- method
- name
- reset()
- submit()
- target
其次可以通过document.forms获得页面中所有的表单,但最常见的还是通过document.getElementById方法获得
2.提交表单,只要将type的值设置为"submit"
<input type = "submit" value = "Submit Form">
在JavaScript中,以编程的方式也可以提交表单
var form = document.getElementById("myform"); form.submit();
3.重置表单,只要将type设置为"reset"
<button type = "reset" value = "ResetForm">
跟上面的submit一样
var form = document.getElementById("m yform"); form.reset();
4.表单字段,elements属性,该属性是表单中所有表单元素的集合,包含着表单中所有的字段。可以按照位置还有name特性来访问塔门
var form = document.getElementById("form1");
//获得表单中的第一个字段
var field1 = foem.elements[0];
//获得表单中名为"textbox1"的字段
var field2 = form.elements["textbox1"];
//获得表单中包含的字段的数量
var fieldCount = form.elements.length;
共有的表单字段
- disable
- form
- name
- readOnly
- tabIndex
- type
- value
共有的表单字段方法
-focus()方法用于将浏览器的焦点设置到表单字段,即激活表单字段,使其可以响应键盘事件。可以将用户的注意力吸引到页面的某个部位
-blur()它的作用从元素中移走焦点
共有的表单字段事件
- blur
- change
- focus
文本框脚本
1.两种方式表现文本框,<input>元素的单行文本框,<textarea>多行文本框
<input type = "text" size = "25" maxlength = "50" value = "initial value">
<textarea>元素则始终会呈现一个多行文本框,rows字符行数,cols字符列数
2.选择文本