HTML 使用表单标签实现注册页面的实例代码

2023-12-01 0 527

案例说明:   

    - 使用表格实现页面效果
    - 超链接不想要有效果,使用href="#"
    - 如果表格里面的单元格没有内容,使用空格作为占位符  
    - 使用图片标签提交表单 <input type="image" src="图片的路径"/>

完整代码:

<html>
<head>
<title>World</title>
</head>
<body>
<form action="01-hello.html" method="post">
<h3 align="center">欢迎登录此页面!</h3>
<table width="100%">
<tr>
<td align="right">注册邮箱:</td>
<td><input type="text" name="regit"/></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>您还可以使用<a href="#">手机号</a>注册或者使用<a href="#">账号</a>注册</td>
</tr>
<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="famale"/>女
<input type="radio" name="sex" value="male"/>男
</td>
</tr>
<tr>
<td align="right">生日:</td>
<td>
<select name"year">
<option value="1997"/>1997
<option value="1998"/>1998
<option value="1999"/>1999
</select>年
<select name"month">
<option value="01"/>01
<option value="02"/>02
<option value="03" selected="selected"/>03
</select>月
<select name"day">
<option value="20"/>20
<option value="21"/>21
<option value="22"/>22
</select>日
</td>
</tr>
<tr>
<td align="right">我现在:</td>
<td>
<select name"now">
<option value="study"/>正在上学
<option value="1998"/>已经工作
</select>
</td>
</tr>
<tr>
<td>&nbsp;</td>
<td><img src="images/verycode.png"/><a href="#">看不清换一张?</a></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><input type="image" src="images/btn.png"></td>
</tr>
</table>
</form>
</body>
</html>

总结

以上所述是小编给大家介绍的HTML 使用表单标签实现注册页面的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对悠久资源网网站的支持!

收藏 (0) 打赏

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

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悠久资源 HTML/Xhtml HTML 使用表单标签实现注册页面的实例代码 https://www.u-9.cn/sheji/html/8852.html

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务