温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

如何用html实现一个简单的注册页面

发布时间:2020-07-10 13:41:13 来源:亿速云 阅读:1068 作者:Leah 栏目:web开发

本篇文章为大家展示了如何用html实现一个简单的注册页面,代码简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

1.创建一个html文件

2.根据案例图片进行设计

如何用html实现一个简单的注册页面

3.写相应的html代码

<!DOCTYPE html>
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<title >注册</title>
</head >
<body>
<h3>请注册</h3>
<form action="hello.html" method="post">
<table width="100%">
<tr>
	<td align="right">注册邮箱:</td>
	<td><input type="text" name="mail"/></td>
</tr>
	<td>&nbsp </td>
	<td>你可以使用<a href="#">账号</a>去注册或者<a href="#">手机号</a>注册</td>
<tr>
	<td align="right">创建密码:</td>
	<td><input type="password" name="pwd"/></td>
</tr>
<tr>
	<td align="right">真实姓名:</td>
	<td><input type="text" name="realname"/></td>
</tr>
<tr>
	<td align="right">性别:</td>
	<td><input type="radio" name="sex" value="nv"/>女<input type="radio" name="sex" value="nan"/>男</td>
</tr>
<tr>
	<td align="right">生日:</td>
	<td>
		<select name="year" />
			<option value="1996">1996</option>
			<option value="1996">1997</option>
			<option value="1996">1998</option>
			<option value="1996">1999</option>
		</select>年
		<select name="mounth" />
			<option value="1">1</option>
			<option value="3">3</option>
			<option value="4">4</option>
			<option value="5">5</option>
		</select>月
		<select name="day" />
			<option value="1">1</option>
			<option value="2">2</option>
			<option value="3">3</option>
		</select>日
	</td>
</tr>
<tr>
	<td align="right">职业:</td>
	<td>
		<select name="now" />
			<option value="study">学生</option>
			<option value="work">工作</option>
		</select>
	</td>
</tr>
</tr>
	<td>&nbsp</td>
	<td><img src="yzm.png"/><a href="#">看不清换一张?</a></td>
<tr>
</tr>
	<td align="right">验证码:</td>
	<td><input type="text" name="check"/></td>
<tr>
</tr>
	<td>&nbsp</td>
	<td><input type="image" name="check" src="an.png"/></td>
<tr>
</table >
</form>
</body>
</html>

4.提交到其他界面

点击立即注册找好友,就可以提交到其他界面了,我这里是提交到了hello.html

上述内容就是如何用html实现一个简单的注册页面,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI