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所示。