7.2　文本框和密码框

通过上一节的学习，知道了表单元素，现在开始学习表单元素＜input＞的部分类型。在网页中常常看到用户输入账号和密码之类的信息，现在学习的正是如何来定义文本框和密码框。

在＜input＞中，用type来表示要选择的类型，文本框是用来输入文本信息的，可以输入汉字、数字和字母等，完整语法如下。

＜input type="text"＞

以上代码就代表一个输入文本的输入框，供用户输入信息，在type后面选择text，代表文本，从页面表现出的效果正是用户在登录时的那些输入格式，代码7.3所表示的是文本框的完整代码。

代码7.3　文本框表示（源代码\第7章\文本框.html）

———————————————文件名：文本框.html———————————————

01 ＜html＞

02 ＜head＞

03 ＜title＞文本框＜/title＞

04 ＜/head＞

05 ＜body＞

06 ＜！—在一个表单中，只有文本框—＞

07 ＜form＞

08 ＜！—设置文本框—＞

09 文本框：＜input type="text"＞

10 ＜/form＞

11 ＜/body＞

12 ＜/html＞

【代码解析】代码第9行的文本框标记为＜input＞，参数type表示框中的类型，在此输入的是text，表示文本框。代码的浏览效果如图7.2所示。

图　7.2　文本框

注意　文本框的上限是255个字符。在＜input＞里面还有很多属性，本节不再详述，只是先让读者对＜input＞有个初步的认识。