动态网页设计基础

最新推荐文章于 2023-09-25 22:48:52 发布

富贵啊是你

最新推荐文章于 2023-09-25 22:48:52 发布

阅读量378

点赞数

分类专栏：笔记文章标签： html javascript

本文链接：https://blog.csdn.net/weixin_48368732/article/details/117352198

版权

笔记专栏收录该内容

3 篇文章 1 订阅

订阅专栏

学习目标：掌握动态网页设计基础``

提示：掌握 HTML 常见标记
熟悉 JavaScript 脚本
熟悉 div+css 布局

学习内容：

1、编写一个个人简历页。
2、使用 CSS 对上述页面重新布局、美化
3、实验软件
JDK5.0、Tomcat5.0

实验步骤：

1、参考案例：用户注册表单实现

学习产出：

1、参考代码

．在 Tomcat 的 Webapps/root 下新建如下 cfg.html 文件
<html>
<head>
<title>表单输入验证示例</title>
<script type="text/javascript">
function validate(){
var userName=document.forms[0].userName.value;
if(userName.length<=0) alert("用户名不能为空！");
else{
alert("验证通过，表单可以提交！");
document.forms[0].submit();
}
}
</script>
</head>
<body>
<form action="" method="post">
用户名：<input type="text" name="userName"></input><br>
密码：<input type="password" name="password"></input><br>
重新输入密码:<input type="password" name="rePassword"></input><br>
性别：<input type="radio" name="sex" value="男">男
<input type="radio" name="sex" value="女">女<br>
出生日期：<select name="birth">
<option value="0">－请选择－</option>
<option value="1981">1981</option>
<option value="1982">1982</option>
<option value="1983">1983</option>
<option value="1984">1984</option>
<option value="1985">1985</option>
<option value="1986">1986</option>
</select>年<br>
兴趣：<input name="habit" type="checkbox" value="1">音乐</input>
<input name="habit" type="checkbox" value="2">动漫</input>
<input name="habit" type="checkbox" value="3">电影</input><br>
<input type="button" value="提交" onClick="validate()"/>
<input type="reset" value="取消" />
</form>
</body>
</html>

2、测试 cfg.htm 文件
在 IE 浏览器中输入 http://127.0.0.1:8080/reg.html
3、在这里插入图片描述

富贵啊是你

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
动态网页设计基础

学习目标：掌握动态网页设计基础``提示：掌握 HTML 常见标记熟悉 JavaScript 脚本熟悉 div+css 布局学习内容：1、编写一个个人简历页。2、使用 CSS 对上述页面重新布局、美化3、实验软件JDK5.0、Tomcat5.0实验步骤：1、参考案例：用户注册表单实现学习产出：1、参考代码．在 Tomcat 的 Webapps/root 下新建如下 cfg.html 文件<html><head><title>
复制链接

扫一扫