表单标记

  1. FORM
  2. INPUT
  3. TEXTAREA
  4. SELECT
  5. OPTION

标记列表

标记 意义
<FORM> ... </FORM> 表单
<INPUT TYPE = 类型 ... > 输入控件
<TEXTAREA> ... </TESTAREA> 文本区域
<SELECT> ... </SELECT> 下拉列表
<OPTION> ... </OPTION> 下拉列表项目

FORM 表单

<form action="" method="" enctype="" name="" >

  <input>

  <textarea> ... </textarea>

  <select> ... </select>

</form>

参数/属性/方法 意义
action = "getinfo.asp" 处理表单的网页
method = "GET" / "POST" 数据传送方式,post 或 get
enctype = "multipart/form-data" 传送文件时使用,与 POST 配合
onsubmit="func()" 提交前执行过程,返回 false 不提交
submit() 提交表单的方法(小写)
reset() 清空表单的方法(小写)
elements 表单的各个控件集合

INPUT 类型列表

类型 意义
text 单行文本
password 密码文本,仅显示 * 号
file 文件输入框,自动附加浏览按钮
hidden 隐藏项目,不显示
radio 单选框,多个组成一组
checkbox 复选框
image 图象按钮,功能可选三种之一
button 按钮
submit 提交表单
reset 清空表单
focus() 获得焦点

公有参数

参数 意义
name = "myname" 对象名称,用于程序中识别对象
value = "value1" 对象的值 或 按钮文字
disabled 设置对象无效

TEXT
PASSWORD
FILE
HIDDEN

参数/属性/方法 意义
value = "string" 赋初值,HIDDEN 必需,FILE 除外
size = "20" 控件长度,20 字符长,HIDDEN 除外
maxLength = 10 最长输入长度
align = left 对齐方式
readOnly 设置控件内容不能被更改
createTextRange() 返回 TextRange 对象

RADIO
CHECKBOX

参数/属性/方法 意义
value = "1" 赋值,提交时如未被选中,此值清除
checked 设置选中状态
name = "work" 控件名称,多个 RADIO 控件名称相同时,只能选中其中一个
length 相同名称控件的个数

IMAGE

参数/属性/方法 意义
type = "submit" 取某种类型的功能,可用的有 button,submit,reset
src = "get.gif" 图象 URL

BUTTON

参数/属性/方法 意义
value = "OK" 显示在按钮上的文字
onclick = "myfunction()" 设置鼠标单击时执行函数

SUBMIT

参数/属性/方法 意义
value = "submit" 显示在按钮上的提示

RESET

参数/属性/方法 意义
value = "submit" 显示在按钮上的提示

TEXTAREA

<textarea name=nm>文本区域中的初始内容。</textarea>
参数/属性/方法 意义
value 包含的文本
cols = 50 区域列数
rows = 10 区域行数
wrap = off 换行方式,可用的有 off,physical,virtual

SELECT

<select>

    <option value = val1> 列表中显示的文字 </option>

</select>

参数/属性/方法 意义
add(Option [,n]) 添加 Option 对象
name 名称,提交后是一个数组
onchange='func()' 设置动作
size = 10 显示行数
multiple 设置可以选择多个项目
options option 集合
selectedIndex 当前选中的序号
value 当前选中的值, 如果无一选中则为 ""

options

参数/属性/方法 意义
add(Option) 添加 Option 对象
item  
remove(n) 删除
length 值的数量
item(n[,subn]) 取对象

Option

可以设置样式,在下拉列表中呈现彩色文字。示例:<OPTION STYLE="color:red" ..>...</OPTION>

参数/属性/方法 意义
Option([text] [,value]) 构造函数,new Option("真",1)
value
text 文本
selected 选中状态

TextRange 对象

参数/属性/方法 意义
moveStart('character',n) 设置当前范围开始字符位置,负数向前
moveEnd('character',n) 设置当前范围结束字符位置,负数向前
collapse(true/false) 将插入点放在当前范围的前/尾
select() 选定当前范围
moveToPoint(x,y) 设置光标到点坐标
text 选定的文本内容
execCommand("Copy") 复制到剪贴板
execCommand("Paste") 从剪贴板粘贴

动态下拉列表示例: