1、设计一个表单,表单内容如下:姓名(单行文本框,宽度20)、性别(单选钮,默认选中“男”)、年龄(单行文本框,最多输入2位数)、籍贯(选择菜单框)、自我介绍(多行文本框,大于200字)。当按下“提交”按钮时,则向服务器提交表单内容,当按下“清空”按钮时,所有内容被清空。表单,数据传输方式为post。要求使用表格规范表单元素的位置。
<html>
<head>
<title> 表单</title>
</head>
<body>
<form action=form.asp method=post>
<table>
<tr><td>姓名:</td><td><input type=text size=20></td></tr>
<tr><td>性别:</td><td><input type=radio name=sex checked>男<input type=radio name=sex>女</td></tr>
<tr><td>年龄:</td><td><input type=text maxlength=2></td></tr>
<tr><td>籍贯:</td><td><select><option>江西<option>湖南</select</td></tr>
<tr><td>自我介绍:</td><td><textarea rows=10 cols=30></textarea></td></tr>
<tr><td><input type=submit value=”提交”>
</td><td><input type=reset value=”清空”></td></tr>
</table>
</form>
</body>
</html>
2、试设计一个表单,该表单包括如下内容:
①姓名(单行文本框,宽度10);
②性别(两个单选按钮“男”、“女”,“男”在网页下载之后呈选中状态);
③城市(下拉菜单,默认选中“哈尔滨”);
④当按下“提交”按钮时,则向服务器提交表单内容,当按下“重置”按钮时,所有
内容被清空。表单ACTION属性值为POST.ASP,METHOD属性值为POST。
请设计该表单,并写出其HTML代码。
<html>
<body>
<form action=POST.ASP method=POST>
<p>姓名:<input type=text size=10></p>
<p>性别:<input type=radio name=sex checked>男<input type=radio name=sex >女
<p>请选择你居住的城市:
<select>
<option selected>哈尔滨
<option>上海
</select>
</p>
<p><input type=submit>     <input type=reset></p>
</form>
</body>
</html>
3、编写文件main.html,该页面如图所示是一个框架结构,分为左右结构,左框架占30%,左框架网
页文件是left.htm(按照图示写出该页面相应的HTML代码),框架名称为left。右框架占70%,右框架网页文件是right.htm(按照图示写出该页面相应的HTML代码,图片名称为“”,文字内容略写为“网页三剑客......”),框架名称为right。要求点击左框架页面上的超链后,所链接的目标文件要在右框架打开。
main.html文件:
<html>
<head>
<title>用框架布局页面</title>
</head>
<frameset cols="30%,70%">
<frame src="left.htm" name=left>
<frame src="right.htm" name=right>
</frameset>
</html>
left.htm文件:
<html>
<head>
<title>left.htm</title>
<base target=right>
</head>
<body>
<p>点击下面链接,进入网页三剑客的学习页面:</p>
<p><a href="#">dreamweaver</a></p>
<p><a href="#">fireworks</a></p>
<p><a href="#">flash</a></p>
</body>
</html>
right.htm文件:
<html>
<head>
<title>right.htm</title>
</head>
<body>
<img src="abc.gif" align=left>
网页三剑客......
</body>
</html>
4、请把下面的表格转换为HTML代码。
其中,要求页面背景为白,网页标题为“列车时刻表”,表宽500pix,表的第一
为头表元,单元格内容居中,字体大小为5pt。
<html>
<head>
<title>列车时刻表</title>
</head>
<body bgcolor=white>
<table width=500 border=1>
<caption>列车时刻表</caption>
<tr><font size=5><th>站名</th><th>到站时间</th><th>开车时刻</th></font></tr>
90设计网
<tr align=center><td>北京</td><td>10∶30</td><td>10∶50</td></tr>
<tr align=center><td>上海</td><td>14∶20</td><td>14∶50</td></tr>
</table>
</body>
</html>

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。