第5讲_用HTML创建表格(免费阅读).pptVIP

本章目标 表格 表格是指按一定顺序将文本及图形按照一定方式进行排列。是组织数据的一种十分有效的方式。将信息以表格的形式组织起来，可使大量的信息更容易浏览，故表格是表达信息的重要手段。 表格中由行和列分隔成的格子称为表元（cell）,是矩形区域，它可以包含文本，图像和HTML标记。用以分隔表元的行列线则称为表格的边框线（border）,表元的内容分成两类，一类是表头，一类是表数据。 表格 表格的定义： 3.5.14 表格（续） 标题的定义： 表格 表行定义： 表格 表头定义： 表格 表单元定义： 表格 TABLE TR TH/TH或者TD/TD /TR ……….. TR TH/TH或者TD/TD /TR /TABLE 表单元素 图像按钮 将type属性的值设为image，这样就可以使用图像作为提交按钮。图像按钮和提交按钮的工作情况完全一样。其语法为： input type=image src=image-url height=n width=m alt=alternative-text border=0 src属性给出了源图像文件的URL，添加width和height属性使浏览器载入页面的速度更快，加入alt属性用来使无法看到图像时仍然可以提交给表单，如果想去掉边界，则添加border=0。 image值在默认情况下只可用作提交按钮，而不能作为重置按钮。 表单元素 隐藏域 input标记的type属性设置为hidden时，则称为隐藏域。隐藏域不是很常见，它的内容并不显示在表单当中。 input type=hidden name=data-id value=hidden-form-data type=“hidden”属性将该控件隐藏起来。input标记的value属性作为表单数据随着name属性传送出去，但是用户在屏幕上不会看到该控件的任何迹象，也无法更改该控件的内容。 表单元素 button值和button标记 使用button作为type属性的值就可以随意选择来使用按钮。可以通过使用脚本来确定按钮的功能。按钮的一般语法格式如下： input type = button name=button-id value=button-label-text onclick=script onclick属性给出了当按钮被点击时激活脚本的名称，script为执行的脚本内容。 也可以使用专门的button标记来显示按钮控件： button type =button|submit|reset name=button-id value=init-label-text onclick=script按钮上显示内容/button 最简单的button标记等价于使用input type = “button”，不过button标记提供了更为灵活的样式定义。 表单元素 标签标记 label标记用来给控件添加标签。它的语法为： label for=control_id标签文本/label label标记可以单独使用，也可以和其它标记结合起来使用。当需要与其它标记关联时，就要用到for属性，属性值为关联标记的id值。 表单元素 表单区域fieldset和legend 可以采用fieldset和legend标记来实现表单区域的分组功能。fieldset标记在一组窗口部件外面建立一个边框，legend标记给fieldset提供了一个名签： fieldset控件标记/fieldset legend组标记名称/legend 表单标记访问控制 控制Tab键的次序 默认的情况下是以标记在表单中显示的顺序来浏览这个表单，使用tabindex属性可以更改这个默认顺序。 如果两个标记包含相同的tabindex值，顺序将和默认值一致。 可以给tabindex赋随机值，但是此顺序中的第一个标记必须包含最小的tabindex值。 还可以通过分配无效的tabindex值，如负数，来将某个input域从导航顺序中删掉。 该属性可以和input、select还有textarea标记共同使用。 表单标记访问控制 快捷键 HTML提供了acceskey属性，可以使访问者通过直接点击键盘按键的方式访问表单。该属性将一个按键指定为某个表单标记的热键，当这个键与Alt键同时按下时，相应的表单标记将被激活。 当为快捷键分配字符键时，要注意不要与浏览器的快捷键发生冲突。否则自定义的快捷键将优先于浏览器自身的快捷键。 表单标记访问控制 disabled属性和readonly属性 disable和readonly是两个常用的控件属性，它们分别定义了控件的禁用和只读状态 禁用时整个控件的外观变为灰度显示