实验六 HTML列表和表单实验(4页).doc

《实验六 HTML列表和表单实验(4页).doc》由会员分享，可在线阅读，更多相关《实验六 HTML列表和表单实验(4页).doc（4页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、-HTML+CSS实验报告实验六 HTML的表格设置一、实验目的掌握HTML列表和表单的设置方法。 二、实验内容1. 熟练使用OL、UL标签为网页添加列表。2. 掌握各种类型表单的添加方式。3. 掌握表单数据传送的基本原理。三、实验原理1、列表列表可分为有序列表、无序列表和定义列表有序列表： . type的属性值：1：数字（默认）a：小写字母A：大些字母i：小写罗马数字l：大写罗马数字无序列表： . type的属性值：disc：实心圆（默认）circle：空心圆square：实心矩形定义列表 一个术语 这个术语的定义 dl：定义一个定义列表dt：定义了定义列表中的一个术语dd：对定义列表中的术

2、语提供定义2、表单表单的作用搜集不同类型的用户输入，通过form创建表单，在form中添加其他表单可以包含的控件元素。用于显示信息，并提交到服务器。表单元素form定义表单主要属性：method：表单数据提交的方式，取值为get或post。get是将数据放在url中，并且对数据的大小有限制，不安全。post是不要将数据显示在url中，而且传输的数据一般无限制，安全。action：指定将数据提交到哪里。name：表单名称。部分表单控件元素表单可以包含许多不同的表单控件，表单控件元素用来让访问者输入信息input是最重要的表单元素，有很多形态，根据不同的type属性有不同的作用。type：text

3、（文本输入）、password（密码）、radio（单选输入）、checkbox（多选输入）。PS：设置单选时一定要将name设置一致name：提交表单数据必须要有name属性required：设置表单控件必须填写readonly：设置内容只读value：设置默认值checked：设置radio和checkbox的默认值maxlength：设置最大字符数Select下拉列表selected：默认选中项size：让用户看到几个选项option：列表项textarea文本域cols：设置宽，用字符数设置rows：设置高示例：The cat was playing in the garden.按钮：1）提交按钮2）重置按钮3）普通按钮与JS搭配使用四、实验步骤1、请使用无序列表实现如下图效果。2、请使用有序列表实现如下图效果。3、请使用表单实现如下图效果。说明：1）学历栏目分：博士、硕士、本科、专科、高中、初中2）意向工作城市栏分广州、深圳、武汉、成都、北京、上海，要求显示3栏。3）要求点击OK按钮后有数据传送提示，如下所示五、实验报告提交确保所有页面能正常跳转后，将本次实验所有完成文档打包上传课堂派。-第 4 页-