HTML 使用表单标签实现注册页面的实例代码
发布时间:2018-10-31 14:38:40 作者:佚名 我要评论
这篇文章主要介绍了HTML 使用表单标签实现注册页面的实例代码,需要的朋友可以参考下
GPT4.0+Midjourney绘画+国内大模型 会员永久免费使用!
【 如果你想靠AI翻身,你先需要一个靠谱的工具! 】
案例说明:
- 使用表格实现页面效果
- 超链接不想要有效果,使用href="#"
- 如果表格里面的单元格没有内容,使用空格作为占位符
- 使用图片标签提交表单 <input type="image" src="图片的路径"/>
完整代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 | < 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 > </ 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 > </ td > < td >< img src = "images/verycode.png" />< a href = "#" >看不清换一张?</ a ></ td > </ tr > < tr > < td > </ td > < td >< input type = "image" src = "images/btn.png" ></ td > </ tr > </ table > </ form > </ body > </ html > |
总结
以上所述是小编给大家介绍的HTML 使用表单标签实现注册页面的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
相关文章
- 表单是Web页面上负责用户输入与服务器端数据交互的最基础方式,这里我们针对最基本的表单内容显示,来看一下HTML的form表单标签用法学习教程2016-07-08
- 是一段实现了12中非常炫酷的表单浮动标签特效代码,本段代码适应于所有网页使用,有兴趣的朋友们可以前来下载使用2015-04-10
- 这篇文章主要介绍了HTML的表单form以及form内部标签的使用,需要的朋友可以参考下2014-05-02
HTML5 form标签之解放表单验证、增加文件上传、集成拖放的使用方法
本篇文章小编为大家介绍,HTML5 form标签之解放表单验证、增加文件上传、集成拖放的使用方法。需要的朋友参考下2013-04-24- 表单是用户提交信息的重要渠道。本节就将介绍表单的基础知识。 表单标签<form> 表单以一个<form>标签开始。用户注册网站会员,投票等等都需要表单来实现2008-10-17
最新评论