计算机基础14 表单.pptVIP

HTMLCSS 回顾 超链接标记 课程知识拓扑图 本次课内容 表单的概念 表单的基本标记 本次课知识点的作用 本次课通过学习表单相关标记，了解通过页面提交表单数据的原理和流程，学会制作静态的表单页面，为后期编程学习打下基础。 教学目标 掌握表单的基本标记。 教学重难点 重点：表单标记 难点：表单本身属性的理解 本次课教学目标与重难点 * 一个样本表单 * name 表单的名称 action 此属性指定处理提交的表单的脚本的位置。 语法为：action=“url method 此属性指定向服务器发送数据的方法。如果值为get，浏览器将创建一个请求，该请求包含页面URL、一个问号和表单的值，浏览器会将该查询返回给URL中指定的脚本，以进行处理。如果将值指定为post，表单上的数据会作为一个数据块发送到脚本，而不使用任何请求字符串。语法为：method = (get| post) 是网页上的一个特定区域，由一对form标记定义的。 属性： 表单标记form * 标记 描述 input 表单输入标记 select 菜单和列表标记 option 菜单和列表项目标记 textarea 文字域标记 form标记内的标记 * form input name=“field_name ” type=“type_name” /form 输入标记input * type 此属性指定表单元素的类型。 可用的选项有text、password、checkbox、radio、submit、reset、file、hidden和botton。默认值为text。 name 此属性指定表单元素的名称。 例如，如果表单上有几个文本框，可以按照名称来标识它们 - text1、text2或用户选择的任何名称。 input标记属性 * text ：文字域 password：密码域 file：文件域 checkbox：复选框 radio：单选框 button：普通按钮 submit：提交按钮 reset：重置按钮 image：图象域 input – type 属性 * name 文字域的名称 value 文字域的默认值 size 文字域的宽度(以字符为单位) maxlength 文字域的最大输入字符数 基本语法： input type=“text” name=“file_name” maxlength=value size=value value=“field_value” 文字域text * name 密码域的名称 value 密码域的默认值 size 密码域的宽度(以字符为单位) maxlength 密码域的最大输入字符数 基本语法： input type=“password” name=“file_name” maxlength=“value” size=“value” 密码域password * 复选框checkbox input type=“checkbox” name=“field_name” value=“” checked 单选框radio input type=“radio” name=“field_name” value=“ ” checked 其中：checked表示此项被默认选中 value表示选取中项目后传送到服务器端的值 复选框、单选框 * 提交按钮submit input type=“submit” name=“submit” value =“button_text” 重置按钮reset input type=“reset” name=“reset” value =“button_text” 按钮 * 基本语法： select name=“” option value=“” selected/option /select 列表（下拉框）元素 * 基本语法： textarea name=“name” rows=value cols=value value=“value” …/textarea name 文字域的名称 rows 文字域的行数 cols 文字域的列数 value 文字域的默认值 文字域textarea 元素 本次课课程总结 1 表单的概念 2 表单基本标记 3 作业布置与要求 1、练习本次课学习的内容 2、完成一个表单页面的制作 下次课内容 CSS样式表 3 1