14. javacript高级程序设计-表单

1. 表单脚本

1.1 基础知识

<from>元素表示表单：

l acceptCharset：服务器能处理的字符集

l action：接受请求的URL

l elements：表单中所有控件的集合

l enctype：请求的编码类型

l length：表单中控件的数量

l method：要发送的HTTP请求类型，通常是get或者post

l name：表单的名称

l reset()：将所有的表单重置为默认值

l submit()：提交表单

l target：用于发送和接受请求响应的窗口名称

1.2 提交表单

<input type="submit" value="submit" />

<button type="submit">submit</button>

<input type="image" src="io.gif" />

1.3 重置表单

<input type="reset" value="reset" />

<button type="reset">reset</button>

1.4 表单字段

共有属性：

l disabled：是否禁用

l form：指向当前的表单

l name：当前字段名称

l readOnly：是否只读

l tabIndex：切换（tab）序号

l type：字段类型

l value：字段提交给服务器的值

1.5 文本框

<input name="name" type="text" value="" /> //单行文本框

<textarea name="name" rows="" cols="">xx</textarea> //多行文本框

1.6 选择框

<select name="name" ></select> //单选文本框

<select name="name" multiple="true"></select> //多选文本框

1.7 富文本编辑

l 使用contenteditable

l 使用document.execCommand()