HTML基础知识说课.ppt

* 广东南方职业学院 * type=reset。创建一个“重置”按钮。单击该按钮，将删除任何已经输入到表单中的文本并清除任何选择。如果表单中有默认文本或选项，将会恢复这些值。 type=button。创建一个“自定义”按钮。在表单中添加自定义按钮时，必须为该按钮编写脚本以使按钮执行某种指定的操作。 按钮的其他属性还有name（按钮的名称），value（显示在按钮上的标题文本）。 事件oncilck的值是单击按钮后执行的脚本代码。 例如： input type=submit name=bt1 value=提交按钮 input type=reset name=bt2 value=重置按钮 input type=button name=bt1 value=自定义按钮 * 广东南方职业学院 * （7）文件域 文件域由一个文本框和一个“浏览”按钮组成，用户可以在文本框中直接输入文件的路径和文件名，或单击【浏览】按钮从磁盘上查找、选择所需文件。格式如下： input type=file 属性=值… 文件域的属性有name（文件域的名称）、value（初始文件名）和size（文件名输入框的宽度）。 例如，要创建如下文件域： 可以使用如下代码： input type=file name=fl size=20 * 广东南方职业学院 * 3. 其他表单控件 （1）滚动文本框 在表单中添加滚动文本框是为了使访问者可以输入多行文本，格式如下： textarea 属性=值…事件=代码…初始值/textarea 说明：textarea标记的属性有name（滚动文本框控件的名称）、rows（控件的高度，以行为单位）、cols（控件的宽度，以字符为单位）和readonly（滚动文本框内容不能被修改）。滚动文本框的其他属性、方法和事件与单行文本框基本相同。 例如，要创建如下滚动文本框： 可以使用如下代码： textarea name=ta rows=8 cols=20 readonly 这是本文本框的初始内容，是只读的，用户无法修改 /textarea * 广东南方职业学院 * （2）选项选单 表单中选项选单（下拉菜单）的作用是使访问者从列表或选单中选择选项，格式如下： select name=值 size=值 [multiple] option [selected] value=值选项1/option option [selected] value=值选项2/option … /select 其中： name。指定选项选单控件的名称。 size。指定在列表中一次可看到的选项数目。 multiple。指定允许做多项选择。 selected。指定该选项的初始状态为选中。 例如，要创建如下选项选单： * 广东南方职业学院 * 可以使用如下代码： 学历：select name=se size=1 option研究生/option option selected大学/option option高中/option option初中/option option小学/option /select * 广东南方职业学院 * （3）对表单控件进行分组 可以使用fieldset标记对表单控件进行分组，将表单划分为更小、更易于管理的部分，格式如下： fieldset legend控件组标题/legend 组内表单控件 /fieldset 作业： 【例2.4】 制作一个学生个人资料的表单，包括姓名、学号、性别、出生日期、所学专业、所学课程、备注和兴趣信息。访问者输入新的信息后使用PHP在另外一个页面中接收表单数据中的姓名、性别、所学专业和备注，并显示在页面上。 * 广东南方职业学院 * 新建EX2_4_PHP.php文件，输入以下代码： ?php $XM=$_POST[XM]; $SEX=$_POST[SEX]; $ZY=$_POST[ZY]; $BZ=$_POST[BZ]; echo 姓名：.$XM.br; echo 性别：.$SEX.br; echo 专业：.$ZY.br; echo 备注：.$BZ.br; ? * 广东南方职业学院 * 运行EX2_4_stu.php文件，结果如图2.4所示，将姓名修改为“张慧”，性别修改为“女”，专业修改为“软件工程”，备注修改为“三好学生”，单击【提交】按钮，表单提交至EX2_4_PHP.php页面，结果如图2.5所示。 ?图2.4 EX2_4_stu.php运行结果 图2.5 提交表单 * 广东南方职业学院 * 框架网页的基本结构如下： html head title框架网页的基本结构/title /head framese