�
前页牋 后页牋 目录牋 元素牋 特性
控 件 可 以 是 复 选 框, 单 选 框, 标 签, 菜 单 等. 每 个 控 件 可 以 分 配 一 个 名 称. 当 表 单 被 提 交 时, 一 些 控 件 (取决于它们的状态) 的 名 称 和 当 前 值 随 表 单 一 起 发 送. 提 交 的 值 的 自 然 属 性 取 决 于 控 件 (例 如: 文 本 框 的 值 是 输 入 的 文 本).
<!ELEMENT FORM - - %block -(FORM)> <!ATTLIST FORM � %attrs;牋牋牋牋牋牋牋牋牋牋牋牋� -- %coreattrs, %i18n, %events -- � action牋牋� %URL牋牋牋 #REQUIRED -- server-side form handler -- � method牋牋� (GET|POST) GET牋牋牋 -- HTTP method used to submit the form -- � enctype牋牋 %ContentType; "application/x-www-form-urlencoded" � onsubmit牋� %Script牋� #IMPLIED� -- the form was submitted -- � onreset牋牋 %Script牋� #IMPLIED� -- the form was reset -- � target牋牋� CDATA牋牋� #IMPLIED� -- where to render result -- � accept-charset CDATA牋 #IMPLIED� -- list of supported charsets -- � >开 始 标 记: 需 要, 结 束 标 记: 需 要
这 个 特 性 的 缺 省 值 是 保 留 字 串 "UNKNOWN". 用 户 代 理 器 可 以 把 此 值 解 译 作 包 含 在 FORM 元 素 中 的 用 于 传 送 文 档 的 编 码 方 式.
在 FORM 元 素 中 任 何 特 性 的 name 特 性 有 效 范 围 是 FORM 元 素.
�<FORM action="http://somesite.com/prog/adduser" method="post"> �...form contents... �</FORM>下 面 的 例 程 展 示 了 如 何 把 一 个 提 交 表 单 发 送 到 一 个 电 子 邮 件 地 址.
�<FORM action="mailto:Kligor.T@gee.whiz.com" method="post"> �...form contents... �</FORM>
控件标签
某 些 表 单 控 件 自 动 联 系 标 签 (通 过 INPUT
和 BUTTON 建 立 的 按 钮)
然 而 大 多 数 不 这 样 (通 过 INPUT
和 TEXTAREA 的 文 本 域,
通 过 INPUT 建 立 的 复 选
框 和 单 选 框 和 用 SELECT
建 立 的 元 素).
对 于 那 些 含 有 暗 式 标 签 的 控 件, 用 户 代 理 器 应 当 把 value 特 性 值 作 为 标 签 字 串.
对 于 那 些 没 有 暗 式 标 签 的 控 件, 作 者 必 须 在 控 件 元 素 定 义 的 前 或 后 提 供 标 签. 举 例 说 明 如 下.
<!ENTITY % InputType � "(TEXT | PASSWORD | CHECKBOX | 牋� RADIO | SUBMIT | RESET | 牋� FILE | HIDDEN | IMAGE | BUTTON)" 牋 > <!-- HSPACE and VSPACE missing due to lack of widespread support --> <!ELEMENT INPUT - O EMPTY> <!ATTLIST INPUT � %attrs;牋牋牋牋牋牋牋牋牋牋牋牋� -- %coreattrs, %i18n, %events -- � type牋牋� %InputType牋 TEXT牋牋� -- what kind of widget is needed -- � name牋牋牋� CDATA牋牋� #IMPLIED� -- required for all but submit & reset -- � value牋牋牋 CDATA牋牋� #IMPLIED� -- required for radio and checkboxes -- � checked牋 (checked)牋� #IMPLIED� -- for radio buttons and check boxes -- � disabled� (disabled)牋 #IMPLIED� -- control is unavailable in this context -- � readonly� (readonly)牋 #IMPLIED� -- for text and passwd -- � size牋牋牋� CDATA牋牋� #IMPLIED� -- specific to each type of field -- � maxlength牋 NUMBER牋牋 #IMPLIED� -- max chars for text fields -- � src牋牋牋牋 %URL牋牋牋 #IMPLIED� -- for fields with images -- � alt牋牋牋牋 CDATA牋牋� #IMPLIED� -- description for text only browsers -- � usemap牋牋� %URL牋牋牋 #IMPLIED� -- use client-side image map -- � align牋牋牋 %IAlign牋� #IMPLIED� -- vertical or horizontal alignment -- � tabindex牋� NUMBER牋牋 #IMPLIED� -- position in tabbing order -- � onfocus牋牋 %Script牋� #IMPLIED� -- the element got the focus -- � onblur牋牋� %Script牋� #IMPLIED� -- the element lost the focus -- � onselect牋� %Script牋� #IMPLIED� -- some text was selected -- � onchange牋� %Script牋� #IMPLIED� -- the element value was changed -- � accept牋牋� CDATA牋牋� #IMPLIED� -- list of MIME types for file upload -- � >开 始 标 签: 需 要, 结 束 标 签: 禁 止
数 个 在 同 一 个 表 单 中 的 复 选 框 可 以 使 用 同 一 个 名 称. 在 提 交 时, 每 一 个 "打 开" 的 具 有 相 同 名 称 的 复 选 框 使 用 相 同 的 名 称 组 件 提 交 一 个 名称/值 对. 这 允 许 用 户 代 理 器 对 给 定 的 属 性 选 择 超� 过 一 个 的 值.
数 个 在 同 一 个 表 单 的 单 选 框 可 以 有 一 个 名 称. 然 而, 它 些 按 钮 中 在 同 一 个 时 刻 只 有 一 个 可 以 被 "打 开". 在 某 个 设 定 为 "打 开" 的 时 候, 所 有 相 关 的 按 钮 都 是 "关 闭". 因 此, 对 于 相 关 单 选 按 钮, 只 有 一 个 名称/值 对 被 提 交.
一 个 表 单 可 以 包 含 一 个 以 上 的 提 交 按 钮. 只 有 一 个 激 活 的 名称/值 对 与 表 单 一 起 被 提 交.
当 一 个 定 位 装 置 在 图 像 上 单 击 的 时 候, 表 单 被 提 交 并 且 位 置 被 传 送 到 服 务 器. x 值 是 从 图 像 的 左 面 开 始 的 以 像 素 为 单 位 的 尺 寸, 而� y 值 是 从 图 像 的 顶 端 开 始 的 以 像 素 为 单 位 的 尺 寸. 这 提 交 的 数 值 包 含� name.x=x-value 和 name.y=y-value 时, 这 里 的 "name" 是 name 特 性 值, 而 x-value 和 y-value 是 x 和 y 坐 标 各 自 的 值.
如 果 服 务 器 根 据 单 击 的 位 置 采 用 不 同 的 对 待,� 使 用 非 图 案 化 浏 览 器 的 用 户 将 失 去 优 势. 由 于 这 个 原 因, 建 议 你 考 虑 轮 替 途 径:
<INPUT type="button" value="Click Me" onclick="verify()">
这 个 控 件 格 式 通 常 被 用 来 保 存 客户端/服务器 之 间 的 可 能 被 HTTP 丢 失 的 交 换 信 息.
INPUT 控 件 的 hidden 格 式 有 其 自 身 的 与 表 单 一 起 传 送 的 值. 共 同 包 含 于 中 的 也 不 被 渲 染 因 为 风 格 信 息 的 原 因. 下 列 的 控 件, 当 然 不 被 用 户 代 理 器 渲 染, 将 与 表 单 一 起 提 交 它 们 的 值.
<INPUT type="password" style="display:none"牋 牋牋牋牋� name="invisible-password" 牋牋牋牋� value="mypassword">
用 户 代 理 器 就 当 把 这 些 文 件 压 缩 封 装 为 一 个 MIME multipart
文 档 (参 见
下 面 的 例 程 HTML 片 断 定 义 了 一 个 简 单 表
单 允 许 用 户 输 入 名,姓, 电 子 邮 件 地 起码, 以 及 性 别. 当 提 交
按 钮 被 激 活 时, 这 个 表 单 被 送 到 以 action
指 定 的 程 式..
�<FORM action="http://somesite.com/prog/adduser" method="post"> 牋� <P> 牋� First name: <INPUT type="text" name="firstname"><BR> 牋� Last name: <INPUT type="text" name="lastname"><BR> 牋� email: <INPUT type="text" name="email"><BR> 牋� <INPUT type="radio" name="sex" value="Male"> Male<BR> 牋� <INPUT type="radio" name="sex" value="Female"> Female<BR> 牋� <INPUT type="submit" value="Send"> <INPUT type="reset"> �</FORM>这 个 表 单� 会 被� 如 下 渲 染:
�
<FORM action="http://server.dom/cgi/handle" 牋� enctype="multipart/form-data" 牋� method="post"> 燱hat is your name? <INPUT type="text" name="name_of_sender"> 燱hat files are you sending? <INPUT type="file" name="name_of_files"> </FORM>请 参 阅 [RFC1867] 来 获 得 更 多 的 关 于 文 件 提 交 的 信 息.
<!ELEMENT ISINDEX - O EMPTY> <!ATTLIST ISINDEX � %coreattrs;牋牋牋牋牋牋牋牋牋牋� -- id, class, style, title -- 牋 %i18n;牋牋牋牋牋牋牋牋牋牋牋牋牋 -- lang, dir -- � prompt牋牋� CDATA牋牋� #IMPLIED� -- prompt message -->开 始 标 记: 需 要, 结 束 标 记: 禁 止
<ISINDEX prompt="Enter your search phrase: ">等 同 于 下 面 的 INPUT 声 时:
<FORM action="..." method="post"> Enter your search phrase: <INPUT type="text"> </FORM>
<!ELEMENT BUTTON - - 牋牋 (%inline | %blocklevel)* -(A | %formctrl | FORM | ISINDEX | FIELDSET)> <!ATTLIST BUTTON � %attrs;牋牋牋牋牋牋牋牋牋牋牋牋� -- %coreattrs, %i18n, %events -- � name牋牋牋� CDATA牋牋� #IMPLIED� -- for scripting/forms as submit button -- � value牋牋牋 CDATA牋牋� #IMPLIED� -- gets passed to server when submitted -- � type牋� (submit|reset) #IMPLIED� -- for use as form submit/reset button -- � disabled牋 (disabled)� #IMPLIED� -- control is unavailable in this context -- � tabindex牋� NUMBER牋牋 #IMPLIED� -- position in tabbing order -- � onfocus牋牋 %Script牋� #IMPLIED� -- the element got the focus -- � onblur牋牋� %Script牋� #IMPLIED� -- the element lost the focus -- � >开 始 标 记: 需 要, 结 束 标 记: 需 要
一 个 格 式 为 "submit" 且 内 容 为 一 张 图 像 (如 BUTTON 元 素 非 常 近 似 于 一 个 格 式 为 "image" 的 INPUT 元 素. 两 者 都 引 起 表 单 的 提 交, 但 它 们 的 表 现 不 同. 在 这 种 上 下 文 中, 一 个 INPUT 元 素 被 打 算 作 为 一 个 "flat" 图 像 渲 染, 而 一 个 BUTTON 被 打 算 作 为 一 个 按 钮 渲 染 (例 如 当 单 击 时 的 缓 动 和 上/下 阴 影).
<BUTTON> <IMG src="foo.gif" usemap="..."> </BUTTON>
BUTTON 元 素 也 能 够 与 脚 本 共 同 使 用, 在 这 种 情 况 下 它 的 type 应 当 为 "button". 当 这 样 的 一 个 按 钮 被 激 活 时, 一 个 客 户 端 脚 本 被 运 行. 我 们 在 这 个 说 明 书 的 后 面 的 内部事件 章 节 讨 论 BUTTON 的 使 用.
<!ELEMENT SELECT - - (OPTION+)> <!ATTLIST SELECT � %attrs;牋牋牋牋牋牋牋牋牋牋牋牋� -- %coreattrs, %i18n, %events -- � name牋牋牋� CDATA牋牋� #REQUIRED -- field name -- � size牋牋牋� NUMBER牋牋 #IMPLIED� -- rows visible -- � multiple� (multiple)牋 #IMPLIED� -- default is single selection -- � disabled� (disabled)牋 #IMPLIED� -- control is unavailable in this context -- � tabindex牋� NUMBER牋牋 #IMPLIED� -- position in tabbing order -- � onfocus牋牋 %Script牋� #IMPLIED� -- the element got the focus -- � onblur牋牋� %Script牋� #IMPLIED� -- the element lost the focus -- � onselect牋� %Script牋� #IMPLIED� -- some text was selected -- � onchange牋� %Script牋� #IMPLIED� -- the element value was changed -- � >开 始 标 记: 需 要, 结 束 标 记: 需 要
<!ELEMENT OPTION - O (#PCDATA)*> <!ATTLIST OPTION � %attrs;牋牋牋牋牋牋牋牋牋牋牋牋� -- %coreattrs, %i18n, %events -- � selected� (selected)牋 #IMPLIED � disabled� (disabled)牋 #IMPLIED� -- control is unavailable in this context -- � value牋牋牋 CDATA牋牋� #IMPLIED� -- defaults to element content -- � >开 始 标 记: 需 要, 结 束 标 记: 可 选
SELECT 后 跟 提 提 交 与 复 位 按 钮.
<FORM action="http://somesite.com/prog/component-select" method="post"> 牋 <SELECT multiple size="4" name="component-select"> 牋牋� <OPTION selected value="Component_1_a">Component_1</OPTION> 牋牋� <OPTION selected value="Component_1_b">Component_2</OPTION> 牋牋� <OPTION>Component_3</OPTION> 牋牋� <OPTION>Component_4</OPTION> 牋牋� <OPTION>Component_5</OPTION> 牋牋� <OPTION>Component_6</OPTION> 牋牋� <OPTION>Component_7</OPTION> 牋 </SELECT> 牋 <INPUT type="submit" value="Send"><INPUT type="reset"> </FORM>当 表 单 被 提 供 时, 每 个 选 择 项 目 将 与 "component-select" 名 称 成 对 并 提 交. 提 交 的 每 个 OPTION 的 值 则 是 它 的 风 容, 除 非 在 哪 里 使 用 了 value 特 性 来 覆 盖 它 (这 里 的 前 两 个 组 件).
<!ELEMENT TEXTAREA - - (#PCDATA)*> <!ATTLIST TEXTAREA � %attrs;牋牋牋牋牋牋牋牋牋牋牋牋� -- %coreattrs, %i18n, %events -- � name牋牋牋� CDATA牋牋� #REQUIRED � rows牋牋牋� NUMBER牋牋 #REQUIRED � cols牋牋牋� NUMBER牋牋 #REQUIRED � disabled� (disabled)牋 #IMPLIED� -- control is unavailable in this context -- � readonly� (readonly)牋 #IMPLIED � tabindex牋� NUMBER牋牋 #IMPLIED� -- position in tabbing order -- � onfocus牋牋 %Script牋� #IMPLIED� -- the element got the focus -- � onblur牋牋� %Script牋� #IMPLIED� -- the element lost the focus -- � onselect牋� %Script牋� #IMPLIED� -- some text was selected -- � onchange牋� %Script牋� #IMPLIED� -- the element value was changed -- � >开 始 标 记: 需 要, 结 束 标 记: 需 要�
<FORM action="http://somesite.com/prog/text-read" method="post"> 牋 <TEXTAREA rows="20" cols="80"> 牋 First line of initial text. 牋 Second line of initial text. 牋 </TEXTAREA> 牋 <INPUT type="submit" value="Send"><INPUT type="reset"> </FORM>
当 提 交 域 内 容 时 建 议 用 户 代 理 器 遵 照 CR, LF (ASCII 10 进 制 13, 10) 行 结 束 准 则. 提 交 数 据 的 字 符 集 应 当 为 ISO Latin-1, 除 非 服 器 器 预 先 指 定 可 以 支 持 轮 替 的 字 符 集.
<!ELEMENT LABEL - - (%inline)* -(LABEL) -- field label text --> <!ATTLIST LABEL � %attrs;牋牋牋牋牋牋牋牋牋牋牋牋� -- %coreattrs, %i18n, %events -- � for牋牋牋牋 IDREF牋牋� #IMPLIED� -- matches field ID value -- � disabled牋� (disabled) #IMPLIED� -- control is unavailable in this context -- � accesskey牋 CDATA牋牋� #IMPLIED� -- accessibility key character -- � onfocus牋牋 %Script牋� #IMPLIED� -- the element got the focus -- � onblur牋牋� %Script牋� #IMPLIED� -- the element lost the focus -- � >开 始 标 记: 需 要, 结 束 标 记: 需 要
当 一 个 LABEL 元 素 得 到 焦 点 时, 它 把 焦 点 传 送 到 与 之 相 关 的 控 件. 查 见 下 面 的 LABEL 的 for 特 性.
<FORM action="..." method="post"> <TABLE> � <TR> 牋� <TD><LABEL for="fname">First Name</LABEL> 牋� <TD><INPUT type="text" name="firstname" id="fname"> � <TR> 牋� <TD><LABEL for="lname">Last Name</LABEL> 牋� <TD><INPUT type="text" name="lastname" id="lname"> </TABLE> <FORM>
�<FORM action="http://somesite.com/prog/adduser" method="post"> 牋� <P> 牋� <LABEL for="firstname">First name: </LABEL><INPUT� 牋牋牋牋牋牋� type="text" id="firstname"><BR> 牋� <LABEL for="lastname">Last name: </LABEL><INPUT� 牋牋牋牋牋牋� type="text" id="lastname"><BR> 牋� <LABEL for="email"email: </LABEL><INPUT� 牋牋牋牋牋牋� type="text" id="email"><BR> 牋� <INPUT type="radio" name="sex" value="Male"> Male<BR> 牋� <INPUT type="radio" name="sex" value="Female"> Female<BR> 牋� <INPUT type="submit" value="Send"> <INPUT type="reset"> �</FORM>
为 了 隐 式 地 把 一 个 标 签 联 系 到 另 一 个 控 件, 来 控 制 LABEL 的 内 容. 这 种 情 况 下, LABEL 只 可 以 包 含 一 个 其 它 控 件 元 素. 标 签 本 身 可 以 在 联 系 控 件 的 前 面 或 后 面.
<FORM action="..." method="post"> <LABEL> 牋 First Name 牋 <INPUT type="text" name="firstname"> </LABEL> <LABEL> 牋 <INPUT type="text" name="lastname"> 牋 Last Name </LABEL> </FORM>
<!-- � #PCDATA is to solve the mixed content problem, � per specification only whitespace is allowed there! �--> <!ELEMENT FIELDSET - - (#PCDATA,LEGEND,%block)> <!ATTLIST FIELDSET � %attrs;牋牋牋牋牋牋牋牋牋牋牋牋� -- %coreattrs, %i18n, %events -- � > <!ELEMENT LEGEND - - (%inline;)+> <!ENTITY % LAlign "(top|bottom|left|right)"> <!ATTLIST LEGEND牋牋牋牋牋� -- fieldset legend -- � %attrs;牋牋牋牋牋牋牋牋牋牋牋牋� -- %coreattrs, %i18n, %events -- � align牋牋牋 %LAlign;牋 #IMPLIED� -- relative to fieldset -- � accesskey牋 CDATA牋牋� #IMPLIED� -- accessibility key character -- � >开 始 标 记: 需 要, 结 束 标 记: 需 要
LEGEND 元 素 允 许 设
计 者 为 一 个 FIELDSET
分 配 一 个 标 签. 当 FIELDSET
被 渲 染 为 不 可 视 时 它 提 高 了 处 理 能 力. 当 渲 染 为 可 视 时,
设 定 LEGEND 元 素 的 FIELDSET.�
在 此 例 程 中, 我 们 建 立 一 种 将 在 医 生 办 公 室 填 写 的 表
单. 它 被 分 成 三 部 分: 个 人 信 息, 病 史 和 目 前 病 历. 每 个 部 分
包 含 对 输 入 适 当 的 信 息 的 控 制.
<FORM action="..." method="post"> <FIELDSET> <LEGEND align="top">Personal Information</LEGEND> Last Name: <INPUT name="personal_lastname" type="text" tabindex="1"> First Name: <INPUT name="personal_firstname" type="text" tabindex="2"> Address: <INPUT name="personal_address" type="text" tabindex="3"> ...more personal information... </FIELDSET> <FIELDSET> <LEGEND align="top">Medical History</LEGEND> <INPUT name="history_illness"� 牋牋牋 type="checkbox"� 牋牋牋 value="Smallpox" tabindex="20"> Smallpox</INPUT> <INPUT name="history_illness"� 牋牋牋 type="checkbox"� 牋牋牋 value="Mumps" tabindex="21"> Mumps</INPUT> <INPUT name="history_illness"� 牋牋牋 type="checkbox"� 牋牋牋 value="Dizziness" tabindex="22"> Dizziness</INPUT> <INPUT name="history_illness"� 牋牋牋 type="checkbox"� 牋牋牋 value="Sneezing" tabindex="23"> Sneezing</INPUT> ...more medical history... </FIELDSET> <FIELDSET> <LEGEND align="top">Current Medication</LEGEND> Are you currently taking any medication?� <INPUT name="medication_now"� 牋牋牋 type="radio"� 牋牋牋 value="Yes" tabindex="35">Yes</INPUT> <INPUT name="medication_now"� 牋牋牋 type="radio"� 牋牋牋 value="No" tabindex="35">No</INPUT> If you are currently taking medication, please indicate it in the space below: <TEXTAREA name="current_medication"� 牋牋牋牋� rows="20" cols="50" 牋牋牋牋� tabindex="40"> </TEXTAREA> </FIELDSET> </FORM>注 意 在 此 例 中, 我 们 可 以 通 过 在 每 个 在 FIELDSET 中 对 齐 元 素 (通 过 风 格 页), 加 入 脚 本 ( 就 是 说, 只 有 当 他 或 她 打 开 "current medication" 文 本 区 域 表 示 还 在 用 药 中) 等 等 来 提 高 表 单 的 展 现.
有 数 个 方 法 把 焦 点 赋 于 一 个 元 素:
应 当 被 用 户 代 理 器 导 航 获 得 焦 点 的 元 素 根 据 下 列 原 则:
用 户 代 理 器 也 可 以 定 义 一 个 键 次 序 来 相 反 的 导 航 制 表 键 次 序. 当 到 达 制 表 键 次 序 的 最 后 ( 或 开 始 时), 用 户 代 理 器 会 绕 转 到 开 始 (或 结 尾).
<FORM action="..." method="post"> <LABEL for="user" accesskey="U"> User Name </LABEL> <INPUT type="text" name="user"> </FORM>
对 于 热 键 的 处 理 取 决 于 用 户 代 理 器. 我 们 建 议 用 户 在 标 签 中 包 含 热 键 或 指 明 提 供 的 热 键. 用 户 代 理 器 会 以 一 种 强 调 的 区 别 于 其 它 字 符 的 方 式 来 渲 染 热 键 的 角 色 (例 如 下 划 线).
当 设 定 时, the disabled 特 性 具 有 下 列 对 元 素 的 影 响:
禁 止 元 素 如 何 被 渲 染 取 决 于 用 户 代 理 器. 例 如, 某 些 用 户 代 理 器 通 过 "gray out" 来 禁 止 下 拉 框 条 目, 按 钮 标 签 等 等.
<INPUT disabled name="fred" value="stone">
当 设 定 时, readonly
特 性 对 一 个 元 素 有 下 列 的 影 响:
只 读 元 素 如 何 被 渲 染 取 决 于 用 户 代 理 器.
