您的位置：首页 > Web前端 > HTML

HTML简单的注册页面搭建

2016-08-05 15:14 375 查看

界面解释：

该注册界面包括账号、密码、性别和标签四大部分，其中的标签是复选框，性别是单选框，当鼠标停留在表单内时会自动弹出“这是注册界面”的注释，下面包含登陆、重置和清空三个按钮，提交结果的方式为post，提交到本地的.asp文件中。

<html>
<head>
<title>login</title>
<meta http-equiv="contest-typer" content="text/html:charset="GB18030">
</head>
<body>
<table border="1" width="480" bgcolor="#1685a9" align="center">
<form name="form" action="http://localhost/cms/login.asp" method="post" target="_blank" title="这是注册界面" enctype="multipart/form-data">
<tr>
<th><font face="幼圆" color="white">account </font></th>
<td>
<input type="text" name="username"  size="20" maxlength="10"  value="username">
</td>
</tr>

<tr>
<th><font face="幼圆" color="white">code</th>
<td>
<input type="password" name="passworld" size="20"  value="hello">
</td>
</tr>
<tr>
<th><font face="幼圆" color="white">lable</th>
<td>
<input type="checkbox"  name="del[ ]" value="0"><font color="white"> c
<input type="checkbox"  name="del[ ]" value="1"><font color="white">c++
<input type="checkbox"  name="del[ ]" value="2"><font color="white">javascript
<input type="checkbox"  name="del[ ]" value="3"><font color="white">css
<input type="checkbox"  name="del[ ]" value="4"><font color="white">html
</td>
</tr>

<tr>
<th><font face="幼圆" color="white">sex</th>
<td>
<input type="radio" name="sex"> <font color="white">male
<input type="radio" name="sex"><font color="white">female
<input type="radio" name="sex"><font color="white">keep secret
</td>
</tr>
<tr>
<td colspan="2" align="center" >
<input type="submit" name="sub"  value="login">
<input type="reset" value="reset" >
<input type="button" value="clear" onclick="document.form.username.value=''">
</td>
</tr>
</form>
</table>
</body>
</html>

本文转自:http://blog.sina.com.cn/s/blog_8292a06a01013g3d.html

写的很好, 适合初学者, 我就转到自己博客里收藏了

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航