<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style type="text/css">
h1{
text-align: center;
}
table{
outline:chartreuse 5px;
background: lightblue;
margin:auto;
width:400px;
/* border-collapse: collapse; 合并邊框*/
}
table,tr,td{
border:rgb(0, 0, 0, 0.5) 1px solid;
padding:1px;
}
</style>
<head>
<script>
function aa()
{
var s;
s=reg.user.value;
alert("用戶名是"+s);
}
function aa2(t)
{
var p1,p2;
alert(t);
p1=reg.pass1.value;
p2=reg.pass2.value;
if(p1!=p2)
alert("兩次密碼不一致")
}
</script>
</head>
</head>
<body>
<h1><strong>注冊</strong></h1>
<table>
<form name="reg">
<tr>
<td>用戶名<span> </span></td>
<td><input type="text" name="user"></label></td>
</tr>
<tr>
<td>密碼</td>
<td><input type="password" name="pass1"></td>
</tr>
<tr>
<td>確認密碼</td>
<td><input type="password" name="pass2" onblur="aa2(this)"></td>
</tr>
<tr>
<td>性別</td>
<td>
<input type="radio" name="gener" value="https://bbs.csdn.net/topics/男" >男
<input type="radio" name="gener" value="https://bbs.csdn.net/topics/女">女
</td>
</tr>
<tr>
<td>愛好</td>
<td>
<input type="checkbox" name="fruit" value="https://bbs.csdn.net/topics/1" >足球
<input type="checkbox" name="fruit" value="https://bbs.csdn.net/topics/1" >音樂
<input type="checkbox" name="fruit" value="https://bbs.csdn.net/topics/1" >旅游
</td>
</tr>
<tr>
<td colspan="2">
<form action="upload.php" method="post" enctype="multipart/form-data"></form>
<input type="file" name="11" accept="image/*" multiple>
</td>
</tr>
<tr>
<td>學院</td>
<td>
<select name="aa">
<option>資訊學院</option>
<option>管理學院</option>
<option>機電學院</option>
</td>
</tr>
<tr>
<th colspan="2">
<input type="button" value="https://bbs.csdn.net/topics/提交" onclick="aa()">
<input type="reset" value="https://bbs.csdn.net/topics/reset">
</th>
</tr>
</form>
</table>
</body>
</html>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/253729.html
標籤：HTML5
上一篇：怎樣改寫下面代碼可以兼容IE8