网站制作基础-6.pptVIP

第十四章、表单 表单是HTML元素中较为复杂的部分，它往往和脚本、动态页、数据处理等功能相结合，因此表单是必须了解的内容。 HTML表单是HTML页面与浏览器端实现交互的重要手段。利用表单可以收集客户端提交的有关信息。 14.1 form元素 作用：1.包含许多表单控件的容器，使众多表单规则友好地显示在浏览器中； 2.将最终处理数据结果发送到目标程序，进行服务器操作； 它里面可以包含其它元素，如段落、表格、列表、图像等。 基本格式为： form 属性=“属性值” 表单内容 /form 14.1.1 action属性 作用：指定表单数据提交到哪个地址进行处理。 属性值：url 格式：action=“url” 例：form action=“myform.php” 表单内容 /form 14.1.2 method属性 作用：指定在数据提交到服务器时使用哪种HTTP提交方法。 属性值：get；post 格式：method=“get/post” get:表单数据传送到action指定的url，然后这个新url被传送到处理程序上。如果只查询数据库，就用get。 post:表单数据包含在表单主体中被传送到处理程序上，如果要修改数据库，就用post。 14.1.3 name属性 为当前form命名。 14.2 填充控件input 应用很广泛，可以根据不同的属性设置生成不同的控件。input没有结尾标记。 格式：form 属性=“属性值” …. input 属性=“属性值” …. /form 14.2.1 type属性 作用：指定input控件类型 格式：type=“属性值” 属性值： text：单行文本输入框 password：密码输入框 checkbox：复选框 radio：单选按钮 submit：提交按钮 reset：重置按钮 button：普通按钮 hidden：隐藏控件 file：文件选择控件 14.2.2 value属性 作用：设定当前控件的值，针对每个type类型设定的value值显示是不一样的。 14.2.3 size属性 作用：设定部分控件（text；pssword；file）的初始尺寸 格式：size=“字符串数” 14.2.4 maxlength属性 作用：设定输入最大字符数 14.2.5 checked属性 作用：设定选项的初始状态，仅适用于单选 和复选控件。 格式：checked，是布尔值，无属性值，直接写入。 14.2.6 tabindex属性 作用：设定按下“tab”键时，文档上各活动组件之间的切换顺序。 格式：tabindex=“数字” 使用时，按照顺序，对各type设定不同的数字，当浏览网页按下tab键时，就会在个活动组件之间切换。 14.3 列表选择框select 虽然input控件提供了单选和多选控件，不过如果有很多选项可供选择（比如50个），用多选就会显得很冗长，所以需要用到select 作用：定义一组选项，而且这些选项显示在选择框里。 格式：select option内容1 option内容2 …… option内容n /select 14.3.1 select的属性 size属性 作用：设定列表框在垂直方向的高度，默认为1，即单行选择框。 格式：size=“高度数字” multiple属性 作用：设定按下shift或ctrl可以多选。布尔值，无属性值。 14.3.2 option属性（结尾标记可选） selected属性 对于没有设置size的选择框，浏览器默认选取第一条选项。对于设置了size的选择框，浏览器不选择任何一条。用selected可以实现默认选择。 使用：布尔值，无属性值。 例：option selected我的**/option value属性 作用：设定的值可以传递到数据库，以便于某些只接受数据的数据库存储。 14.3.3 选项编组optgroup 作用：对选项进行编组，方便管理维护。 格式：select optgr