HTML与XHTML权威指南之九:表单
<form>标签:定义表单
action属性:说明了接收和处理表单数据的应用程序的url。如,<form action="login.do">...</form>
enctype属性:浏览器在把数据传递给服务器之前,会对表单的数据进行编码。用enctype属性可以改变编码格式,目前的编码格式:multipart/form-data和text/plain。
1.标准编码:将表单值的空格转换成+,非字母数字转换成%,后跟该字符的ASCII码的十六进制,并将多行中的换行符换成%OD%OA。
2.multipart/form-data编码:比标准编码更长,且只有<form>的method属性为post时,才能使用这种编码格式。
3.text/plain编码:只有当需要把表单数据通过电子邮件传输时,才可以使用这种编码格式。
method属性:必需的,有post和get方法两种。
1.post方法:首先,浏览器将与action属性中指定的表单处理服务器建立联系,然后按分段传输的方法将数据发送给服务器。
2.get方法:浏览器与表单处理服务器建立联系后,直接在一个传输步骤中发送所有表单数据;浏览器会将数据直接附在表单的action url之后。
target属性:将表单的结果重新指向另一个窗口。
事件属性:onSubmit和onReset。
<input>标签:在表单中创建输入元素。
传统的文本字段:type属性设置为text。size和maxlength属性控制输入显示框的长度。value属性可以为字段设置一个默认值。
掩码后的文本控件:浏览器采用掩码文本的方式保存密码和敏感字符信息。type属性设置为password,就可以创建一个掩码文本控件。
文件选择控件:type属性设置为file。accept属性可约束浏览器允许用户选择的文件类型。如果要在表单中包括一个或多个文件选择字段,必须把<form>的enctype属性设置为mulitipart/form-data,并把method属性设置为post。
复选框(checkbox):type属性设置为checkbox。
单选按钮(radio button):与复选框行为相似,但只能选择其中一个值。type属性设置为radio。name和value是必需的属性,cheched属性如果设置了值,表示该按钮在开始就处在选中状态。
提交按钮:type属性为submit,会启动将数据提交给服务器的过程。
重置按钮:type属性为reset,清除或设置某些默认值。
隐藏字段:type属性为hidden,是一种向表单中嵌入信息的方法。
<button>标签:在表单中创建一个按钮控件。
type属性:定义按钮的动作,submit,reset或button。
<textarea>标签:在文本框里创建多行文本,提交表单后,浏览器将行中的文字收集起来,行间用"%OD%OA"分隔。
rows和cols属性:设置可视矩形区域的维数。
wrap属性:设置该属性的值为physical,文本输入区实行自动换行。
<select>标签:创建单选或多选菜单。
multiple属性:假如该属性后,可以允许选择多个选项。
size属性:决定用户一次可以看到多少个选项。
<option>标签:定义一个<select>表单控件中的每个条目。其内容只能是纯文本。
value属性:为每个选项设置一个值。如果没有设置该属性,选项的值将被设置为<option>标签的内容。
如,<option value=Dog>Dog ; <option>Dog 这两者具有同样的值。
selected属性:可以预先选定一个或多个选项。
<optgroup>标签:如果选项菜单非常长,可以有此标签将一些相关的选项分组。只能在<select>标签中使用此标签。
<label>标签:为表单元素创建标记。分显式和隐式两种,如,
<lable for="ssn">Social Security Number:</label>
<input type="text" name="Soc" id="ssn">
<lable>Date of birth:<input type="text" name="dofb"></label>
第一个是显式,第二个是隐式。
创建有效的表单:
1 浏览器约束:确保表单能最大程度地帮助用户正确输入数据。充分为表单做说明,解释如何填写表单。
2 处理受限制的显示:让表单能自然滚动,避免太宽的输入元素。
3 用户界面考虑:输入元素应该按照逻辑组别组织起来。
4 创建流动的表单:不要在询问用户姓名之前询问地址信息。
posted on 2007-12-19 23:29
matthew 阅读(437)
评论(0) 编辑 收藏 所属分类:
脚本语言及页面设计