实验三HTML表格与HTML表单文档格式.docx

实验三HTML表格与HTML表单文档格式.docx

《实验三HTML表格与HTML表单文档格式.docx》由会员分享，可在线阅读，更多相关《实验三HTML表格与HTML表单文档格式.docx（10页珍藏版）》请在冰点文库上搜索。

一季度

二季度

三季度

四季度

Sass

1000

1200

8000

3000

LESS

5000

2500

4850

Stylus

3650

4900

Myth

500

650

600

SubTotal

6500

7350

12500

15950

Total

￥423，000.00

2.创建如下图所示的表单：

实验要求：

1.所有参与实验同学独立完成“实验内容”部分，并记录实验步骤和结果填写在“实验步骤”、“实验结果”相应部分；

2.所有参与实验同学均需参阅资料，完成实验报告“思考题”部分内容。

特别提示：

若实验报告出现雷同情况，所涉及同学均无相应成绩；

三实验步骤

实验代码：

1.

<

html>

head>

<

title>

ACME公司2014年销售输入<

/title>

/head>

body>

tableborder="

1"

bordercolor="

red"

>

<

tr>

<

th>

产品/季度<

/th>

第一季度<

第二季度<

第三季度<

第四季度<

/tr>

td>

Sass<

/td>

1000<

1200<

tdrowspan="

2"

>

8000<

3000<

Less<

5000<

2500<

4850<

Stylus<

3650<

4900<

Myth<

500<

650<

600<

trbgcolor="

Subtotal<

6500<

7350<

12500<

15950<

blue"

Total<

tdcolspan="

4"

￥423，000.00<

/table>

/body>

/html>

2.

实验三表单<

form>

<

Name<

Value<

inputtype="

text"

name="

youername"

size="

20"

Sex<

radio"

sex"

value="

male"

Male<

/br>

female"

checked="

checked"

Female<

Eyecolor<

selectname="

eyecolor"

optionselected="

selected"

green<

/option>

option>

blue<

yellow<

Checkallthatapply<

checkbox"

check"

Over5feettall<

3"

Over200pounds<

Describeyourathleticability:

textareaname="

ability"

rows="

7"

cols="

47"

/textarea>

align="

center"

submit"

Entermyinformation"

/form>

四实验结果

五思考题

1.使用HTML表格标记创建个人课程表，如下图所示：

metahttp-equiv="

Content-Type"

content="

text/html;

charset=utf-8"

/>

课程表<

trheight="

10"

thwidth="

175"

周一<

周二<

周三<

周四<

周五<

周六<

周日<

tralign="

7:

45<

br/>

1<

计算机组成原理@Ⅲ216<

计算机组成原理@Ⅲ214<

8:

35<

2<

9:

30<

3<

web应用开发技术@计105<

数据库原理及应用@Ⅲ204<

网球俱乐部@主操场<

10:

25<

4<

11:

15<

5<

14:

00<

6<

计算机网络@Ⅲ-204<

马克思主义基本理论概论<

大学英语（四）@N103<

50<

7<

15:

8<

16:

40<

9<

2.创建HTML表单时何时使用GET提交，何时使用POST提交？

答：

大规模数据传输时使用post小数据时使用get

3.使用input标记可以创建的表单元素有哪些？

如何创建？

有单行文本框，单选，多选，下拉框等，在网页中利用<

inputtype=””>

即可创建，type的值代表创建的控件。

4.在HTML表单中label标记的作用是什么？

如何应用label标记？

创建文本标签，使用时添加<

lable>

/lable>

即可