百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> html实现一个简略的注册页面(附代码)
分享文章到:

html实现一个简略的注册页面(附代码)

发布时间:09/01 来源:未知 浏览: 关键词:
本篇文章给大家带来的内容是关于html实现一个简便的注册页面(附代码),有必然的参照 价值,有需要的伴侣可以参照 一下,但愿对你有所帮忙。

1.创立一个html文件

2.按照案例图片停止设计

2345截图20180808114516.png

3.写响应的html代码

<!DOCTYPE html>
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<title >注册</title>
</head >
<body>
<h2>请注册</h2>
<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

相关文章引荐:

innerHTML属性是啥?innerHTML属性的用途

HTML中改换或增加网站背景图片的代码如何写?(示例)

以上就是html实现一个简便的注册页面(附代码)的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有150人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板