web实验一
【实验目的与要求】1．掌握常用的HTML语言标记；2．利用文本编辑器建立HTML文档，制作简单表单页面。【实验内容】编写一个能输出如下图所示界面的HTML文件。要求：（1）校验输入的E-mail的格式：用户名@域名。（2）校验输入的电话格式：11位数字组成。（3）性别“女”为默认选项（4）年龄的列表选项有：20以下、20、21、22、23、24、25、25以上，其中“20以下”为默认选项。{ 页面
1．掌握常用的HTML语言标记；
2．利用文本编辑器建立HTML文档，制作简单表单页面。
【实验内容】
编写一个能输出如下图所示界面的HTML文件。要求：
（1）校验输入的E-mail的格式：用户名@域名。
（2）校验输入的电话格式：11位数字组成。
（3）性别“女”为默认选项
（4）年龄的列表选项有：20以下、20、21、22、23、24、25、25以上，其中“20以下”为默认选项。
{ 页面实现（参考） }：
<html>
<head >
</head>
<body background="http://img1.tcdachun.com/161104/330522-16110415305398.jpg">
<h1><B><I><FONT COLOR="#FF00FF">
<MARQUEE BGCOLOR= "#FFFF00" direction=left behavior=alternate>welcome to you</MARQUEE>
</FONT></I></B></h1>
<form>
<fieldset>
<legend>个人信息</legend>
<table>
<tr><th colspan="7">请留下个人信息</th></tr>
<tr>
<th>姓名：</th>
<td colspan="3"><input type="text"></td>
</tr>
<tr >
<th>E-mail：</th>
<td colspan="6"><input type="Email"></td>
</tr>
<tr >
<th>电话：</th>
<td colspan="4"><input type="text"></td>
</tr>
<tr>
<th>性别：</th>
<td><input type="radio" name="性别">男</td>
<td><input type="radio" name="性别">女</td>
</tr>
<tr >
<th>年龄：</th>
<td><select>
<option selected>20以下</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>25岁以上</option>
</select></td>
</tr>
<tr>
<th rowspan="3">留言板：</th>
<td colspan="6" rowspan="3"><textarea rows="5" cols="50" warp="soft"></textarea></td>
</tr>
<tr></tr>
<tr></tr>
<tr><th rowspan="4">你的爱好：</th>
<td><input type="checkbox">运动</td></tr>
<tr> <td><input type="checkbox">阅读</td></tr>
<tr> <td><input type="checkbox">听音乐</td></tr>
<tr> <td><input type="checkbox">旅游</td></tr>
</tr>
<tr>
<th colspan="3"><input type="submit" value="提交"></th>
<th colspan="3"><input type="reset" value="全部重写"></th>
</tr>
</table>
</fieldset>
</form>
</body>
</html>
{ 页面效果 }：
为开发者提供学习成长、分享交流、生态实践、资源工具等服务，帮助开发者快速成长。
更多推荐
2
0- 0
已为社区贡献2条内容
所有评论(0)