表单基础2

复选框和单选钮

1.复选框允许用户从一组事先确定的选项中选择一项或多项。为input标记设置type="checkbox"即可配置一个复选框。

2.复选框常用属性：

属性名称	属性值	用途
type	checkbox	配置成复选框
name	字母或数字，不能含空格，以字母开头	为表单控件命名，以便客户端脚本语言或服务器端程序访问。每个复选框命名必须唯一
id	字母或数字，不能含空格，以字母开头	为表单控件提供唯一标识符
checked	checked	在浏览器显示时，该复选框默认为选中状态
value	文本或数字字符	复选框被选中时赋予它的值。该值可由客户端脚本或服务器端程序访问
disabled	disabled	表单控件被禁用，不接收信息
autofocus	autofocus	HTML5属性。浏览器将光标定位到表单控件，并设置焦点
required	required	HTML5属性。该控件必须输入信息。提交表单时，浏览器会校验
accesskey	键盘字符	表单控件的键盘热键
tabindex	数值	表单控件的tab顺序(按Tab键时获得焦点的顺序)

3.单选钮允许用户从一组事先确定的选项中选择唯一的一项。在同一组中，每个单选按钮的name属性值都是一样的，不同单选钮的value值不能重复。为input标记设置type="radio"即可配置成单选钮。常用属性与复选框基本相同。

select your favorite browser:<br>
<input type="radio" name="favbro" id="favIE">IE<br>
<input type="radio" name="favbro" id="favFirefox">Firefox<br>

隐藏字段和密码框

1.隐藏字段可以储存文本或数值信息，但在网页中不显示。隐藏字段可由客户端和服务器端脚本访问。为<input>标记配置type="hidden"即可配置一个隐藏字段。

2.隐藏字段的常用属性：

属性的名称	属性值	用途
type	hidden	配置成隐藏表单控件
name	字母或数字，不能含空格，要以字母开头	为表单控件命名以便客户端脚本语言(如javascript)或服务器端程序处理。命名必须唯一
id	字母或数字，不能含空格，以字母开头	为表单控件提供唯一标识符
value	文本或数字字符	向隐藏控件赋值。该值可由客户端脚本语言和服务器端程序访问
disabled	disabled	表单控件被禁用

3.密码框接收的是在输入过程中隐藏的数据，比如密码。为<input>标记使用type="password"即可配置密码框。

4.密码框的常用属性见上一篇博客input元素(http://blog.csdn.net/u800820/article/details/40979315)。

textarea元素

1.滚动文本框接收无格式的留言、提问或陈述文本。要用textarea元素配置滚动文本框。

2.滚动文本框的常用属性：

属性名称	属性值	用途
name	字母或数字，不能含空格，要以字母开头	为表单控件命名以便客户端脚本语言(如javascript)或服务器端程序处理。命名必须唯一
id	字母或数字，不能含空格，要以字母开头	为表单控件提供唯一标识符
cols	数字	设置以字符列为单位的滚动文本框宽度。若省略则以默认宽度显示
rows	数字	设置以行为单位的滚动文本框高度。若省略则按默认高度显示
maxlength	数字	能接受的最大字符数
disabled	disabled	表单控件被禁用
readonly	readonly	表单控件仅供显示，不能编辑
autofocus	autofocus	HTML5属性；浏览器将光标定位到表单控件，并设置焦点
placeholder	文本或数值	HTML5属性；旨在帮助用户理解控件作用的简短信息
required	required	HTML5属性；表示该字段必须输入信息。提交表单时浏览器校验
wrap	hard或soft	HTML5属性；配置文本的换行方式
accesskey	键盘字符	表单控件的键盘热键
tabindex	数值	表单控件的tab顺序(按Tab键时获得焦点的顺序)