JavaScript与表单控件

JavaScript与表单控件

1.表单控件

a) 在HTML中表单控件是客户端与服务器进行数据传输的工具，用来收集客户端的信息，并允许客户端的用户以标准格式向服务器提交数据

b) <form name=”frmName” action=”frmAction” [method=”post(默认)/get” [target=”targetType”] [enctype=””]></form>--[]表可选

c)

。name:表单名称；指定名称后方便对form进行控制

。action:指定表单处理程序的URL地址

。method:指定form的提交方法；可选，默认post

.post:将表单信息附加在action指定的URL地址之后组成新的URL；

地址与表单信息之间以“？”分隔；

各数据之间以“&”连接；

URL长度限定在8192字符内，如果发送数据过大则会被截断

.get：把数据作为独立的数据块，与URL分开；

长度不受限定；

数据加密，不会在地址栏显示

。target:指定form提交后目标文档显示的方式;可选；默认_self

._self:在当前使用窗口打开目标文档

._blank:在新的窗口打开目标文档

._parent:在当前窗口的父窗口打开目标文档

._top:在当前窗口内打开目标文档并确保目标文档占用整个窗口

。enctype：指定form提交时的编码方式；可选，默认application/x-www-form-urlencoded

.text/plain:纯文本编码

.application/x-www-form-urlencoded:URL编码，默认编码方式

.multipart/form-data:MIME编码；上传文件时必须使用

d) 事件

。onSubmit:提交

。onReset:重置

2.文本框

a) 文本框中的信息可编辑，需要修改某些信息时可使用文本框在客户端与服务器之间传输数据

b) （单行文本框）

1. 1. <input type=”text” [name=”txtName”] [value=””] [size=””] [maxlength=””] readOnly=”readOnly”/>
   2. value:
   3. size：输入内容大于指定size--可继续输入并滚动显示多余部分信息
   4. maxlength：输入内容长度大于maxlength--无法继续输入
   5. readOnly：只读，不能添加修改内容

3.列表框

4.组合框

5.复选框

6.单选按钮

7.按钮