【网页设计】【HTML+CSS】【第7篇 表单】.pdfVIP

·80 · 第7章 表单 网页中的表单可以用来收集用户填写的信息，如某网站的问卷调查、网站的注册会员 等都会用到表单。表单可以说是个容器，里面的类型不同，所表示的功能也不同。表单容 器里面的表单元素，其中有文本框、密码框、单选框、复选框等，通过input标记体现它 们的功能。在本章中，将会学到以下知识： 表单和表单元素 文本框和密码框 表单 单选框和复选框 按钮 下拉框和文本域 7.1 表单基本语法 表单是一个能够包含表单元素的容器，表单元素是能够让用户在表单中输入信息的元 素，可以这样说，表单里面包含表单元素。表单在动态网页中常用，用来收集用户的信息， 保存到数据库中。表单语法是由一对form标签对组成。 !—设置表单标记对-- form/form 在上面的表单中就可以包含表单元素，用表单元素添加信息，不同的表单元素所表现 的功能不一样，如 input 输入类型有 text 、password 等等，分别输入的是文本和密码，下一 节会讲到表单元素，代码 7.1 是表单的基本用法。 代码 7.1 表单基本语法 源代码\第 7 章\表单基本语法.htm html head title表单基本语法/title /head body !—设置空的表单-- form/form /body /html 表单有两个属性会常用到，就是 action 和 method ，form 中的 action 是表示表单提交后 发送的 URL 地址，发送的方式用 method 表示，可选择的参数有 GET 和 POST 。GET 传输 ·81 · 量比较小，而 POST 传输值比较大，这是二者最基本区别。现在可以知道，一个表单除了 要用表单元素外，还会用到这两个属性来传值，值是传给 URL 地址的后台，处理后保存到 数据库，本书中只讲解前台页面知识。代码 7.2 是表单的完整实例。 代码 7.2 表单两属性 源代码\第 7 章\表单两属性.htm html head title表单两属性/title /head body !—设置表单，并在表单中输入参数-- form action=show.aspx method=get !—设置文本框-- input type=text br !—设置密码框-- input type=password br !—设置按钮提交-- input type=button value=提交 /form /body /html 代码 7.2 表示在网页中的表单上，有两个输入框和一个按钮，当单击“提交”按钮后， 表单中的信息通过表单元素收集值，然后通过 GET 方法传到 show.aspx （本页面是.net 的动 态页）页面。本书只讲解前台部分知识，图 7.1 就是上述代码的页面效果。 图7.1 表单 action 和 method 注意：action 后面的值因动态语言不同而后缀不一样。Method 的值只能是GET 和POST 的一种。 在上面的实例中可以看到，在表单里面用到input语法，表示在表单中输入选项，完