在注册功能中,输入用户名、口令、生日,选择学历、地区,输入地址信息的输入框、下拉框、单选按钮等都是表单元素。要完成输入功能,需要使用 HTML 语言提供的这些表单元素。
下面介绍常用的表单元素。
1.单行文本框
在注册功能中,输入用户名和生日的输入框就是单行文本框。需要输入少量信息时应该使用单行文本框。
单行文本框的基本语法格式如下:
<input type="text" name="输入信息的名字" value="输入信息的值">
type |
于确定表单元素的类型
|
text |
表示这是一个单行文本框
|
name | 属性 name 的值表示要输入的信息的名字。例如name="usename".服务器在获取用户输入的信息时会使用这个
名字usename
|
value |
属性 value的值表示这个文本框的值,通常不需要 value 属性,它的值一般是让用户输入的。如果需要
为这个输入框取默认值,可以使用这个属性给定默认值。
|
name 属性的值不能与其他表单元素的值相同,也就是说不能出现同名的表单元素。
2.密码框
在注册功能中,设置密码时使用两个密码框。通常在设置密码和身份验证时会使用密码框。密码框的特点是在输入信息之后,界面上并不显示用户输入的信息,而是显示“*”号或者“.”,但是用户提交给服务器的信息不是“*”号或者“.”。
密码框的基本格式如下:
<input type="password" name="输入信息的名字" value="输入信息的值">
type |
这里 type 属性的值为“password”,说明这个表单元素是密码框
|
只要是设置密码就应该让用户输入两遍密码。因为输入密码之后显示“*”号,这样如果用户输入错误了,用户也无法获知,以后使用就麻烦了。如果输入两遍则可以解决这个问题,因为只有两次输入了相同的错误内容才可能将错误密码设置成功,而出现两次相同错误的概率非常低。