<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>首页</title>
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
function check(){
var name = document.getElementById("name").value;
var pass = document.getElementById("pass").value;
if(name == ""){
alert("用户名不能为空");
return false;
}
if(pass == ""){
alert("密码不能为空");
return false;
}
return true;
}
</script>
</head>
<body>
<h1 align="center">今天开课</h1>
<h2 align="center">今天开课</h2>
<h3 align="center">今天开课</h3>
<h4 align="center">今天开课</h4>
<h5 align="center">今天开课</h5>
<h6 align="center">今天开课</h6><br />
<b><i>抢购手机</b></i>
<img src="img/c_0001.jpg" title="华为手机" />
<img src="img/c_0002.jpg" title="小米手机" />
<font size="5" face="微软雅黑"></font><hr />
<ul type="circle">
<li>星期1</li>
<li>星期2</li>
<li>星期3</li>
<li>星期4</li>
<li>星期5</li>
<li>星期6</li>
<li>星期0</li>
</ul>
<font size="5" face="微软雅黑"></font><hr />
<ol type="A">
<li>星期1</li>
<li>星期2</li>
<li>星期3</li>
<li>星期4</li>
<li>星期5</li>
<li>星期6</li>
<li>星期0</li>
</ol>
<font size="5" face="微软雅黑"></font><hr />
<a href="http://www.baidu.com">点我跳转百度</a>
<font size="5" face="微软雅黑"></font><hr />
<table border="2px" width="500px" cellspacing="0" align="center" height="400px">
<tr align="center">
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr align="center">
<td colspan="2">5</td>
<td>7</td>
<td rowspan="2"></td>
</tr>
<tr align="center">
<td colspan="2">5</td>
<td>7</td>
<td rowspan="2"></td>
</tr>
</table>
<font size="5" face="微软雅黑"></font><hr />
<form action="#">
<table align="center" style="border: 1px dashed black; padding: 20px,20px;" width="300px" height="300px">
<tr>
<td>用户名:</td>
<td><input type="text" placeholder="请输入用户名" id="name" name="username"></td>
</tr>
<tr>
<td>密 码:</td>
<td><input type="password" placeholder="请输入密码" id="pass" name="passwork"></td>
</tr>
<tr>
<td>确认密码:</td>
<td><input type="password" placeholder="请确认密码" id="qrpass" name="qrpasswork"></td>
</tr>
<tr>
<td>Email:</td>
<td><input type="email" placeholder="请输入邮箱" id="email" name="email"></td>
</tr>
<tr>
<td>姓名:</td>
<td><input type="text" placeholder="请输入姓名" id="xmname" name="xmname"></td>
</tr>
<tr>
<td>性别:</td>
<td><input type="radio" name="sex" value="男">男
<input type="radio" name="sex" value="女">女
</td>
</tr>
<tr>
<td>请选择日期:</td>
<td>
<select>
<option>2018-01-20</option>
<option>2018-01-21</option>
<option>2018-01-22</option>
<option>2018-01-23</option>
</select>
</td>
<tr>
<td>验证码:</td>
<td><input type="text" placeholder=""</td>
</tr>
<tr>
<td colspan="2" align="center">
<input value="登录" type="button" id="but_dl" οnclick="check()" />
<input value="重置" type="reset" id="but_cz" />
</td>
</tr>
</table>
</form>
</body>
</html>
day01作业加jQer判断
最新推荐文章于 2023-07-23 00:24:00 发布