7.6　表单实例

通过学习本章，知道了表单的用法以及表单元素的表示。本节用实例介绍了注册页面的表单制作。其中包括表单、输入文本框、密码、单选框等，通过学习，希望读者能举一反三，从而对表单有更深层次的理解。

本实例从HTML标记入手，只讲解网页前台部分（因为表单提交后，通过后台保存到数据库中），以学习这些标记为主。以下是表单实例手把手的步骤。

7.6.1　插入表单

在新建网页中插入表单，表单的标记为＜form＞＜/form＞，放在标记对＜body＞＜/body＞中，表示在网页中存在表单，当然，在一个网页中可以存在多个表单，即有多少表单就有多少个＜form＞＜/form＞。其中表单中包括单选框、复选框等，最后用提交按钮把信息提交出去，即表单相当于一个容器，代码7.11表示表单容器。

代码7.11　源代码\第7章\表单实例手把手.html

—————————————-文件名：表单实例手把手.html—————————————-

01 ＜html＞

02 ＜head＞

03 ＜title＞表单实例手把手＜/title＞

04 ＜/head＞

05 ＜！—设置表单—＞

06 ＜form＞

07 ＜！—设置表单中的段落—＞

08 ＜p＞用户注册页面表单实例

09 ＜/form＞

10 ＜body＞

11 ＜/body＞

12 ＜/html＞

【代码解析】代码第6～9行创建了表单容器，并在表单里输入一行文字，存在段落标记对＜p＞，效果如图7.10所示。