【Web】HTML（No.09）表单标签经典案例（二）《模拟百度注册》

最新推荐文章于 2021-10-12 17:12:17 发布
最新推荐文章于 2021-10-12 17:12:17 发布
阅读量347 收藏 5
点赞数
分类专栏： Web-HTML 文章标签： Web 表单 模拟百度注册
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43251850/article/details/90654980
版权

效果图

模拟百度注册

HTML源码

<!DOCTYPE html>
<html lang="en">
  <head>
	<meta charset="UTF-8">
	<title>模拟百度注册</title>
  </head>
  <body>
    <form action="" method="post" name="baidu">
		<table border="0px" cellspacing="1" align="center" cellpadding="7">
			<tr>
				<td><img src="img/logo_baidu.jpg" alt=""></td>
			</tr>
			<tr>
				<td style="width:150px;text-align:left"><strong>添加注册信息</strong></td>
			</tr>
			<tr>
				<td style="text-align:right">邮箱：</td>
				<td><input type="text"></td>
			</tr>
			<tr>
				<td style="text-align:right">密码：</td>
				<td><input maxlength="9" type="password" name="password"></td>
			</tr>
			<tr>
				<td style="text-align:right">确认密码：</td>
				<td><input maxlength="9" type="password" name="password"></td>
			</tr>
			<tr>
				<td style="text-align:right">验证码：</td>
				<td><input type="text"></td>
				<td style="weight:100"><img src="img/yz.jpg" alt=""></td>
				<td><a href="">注册用户</a></td>
			</tr>
			<tr>
				<td  colspan="3" style="text-align:right"><input type="checkbox" checked="checked">我已阅读并接受<a href="">&nbsp;《百度用户协议》&nbsp;</a></td>
				<td></td>
			</tr>
			<tr>
				<td></td>
				<td><input type="image" src="img/button.jpg"></td>
				<td style="text-align:center" ><input type="reset" value="重新填写"></td>
				<td></td>
			</tr>
		</table>
	</form>
 </body>
</html>
Sherry Lupus
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
模仿百度注册html+table
weixin_65721308的博客
03-25 508
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>百度网页</title> </head> <body> <table border="0px" align="center" width="50%" height="450px" style="font-size: 22px;"> <t...
HTML模拟百度&注册页面
weixin_44771312的博客
09-03 937
模拟百度 <html> <head> <title>模拟百度</title> <meta charset="UTF-8"/> </head> <body> <h3>模拟百度</h3> <hr /> <form action="https://w...
0913-关于百度注册的案例
zhangxl_0115的博客
09-13 495
要完成这个案例，首先应明确表格及表单的布局。因为表格中有用到文本框等表单元素，所以首先应该插入一个表单，具体代码如下图所示，也可以用菜单命令等方法插入；表单创建好之后，就可以插入表格了，大致分为一个三行两列的表格，又或者直接插入一个表格在嵌套表格，自己喜欢怎么创建就怎么创建，当表格创建好之后，就可以插入图片了（ctrl+alt+I)找到百度logo的图片插入到第一行的第一个单元格中；然后设置第二个
html5百度注册页面代码,HTML5注册页面示例代码
weixin_32952295的博客
06-03 1866
register.htmlfunction play(){document.getElementById("menu_item").style.display = "";}function noplay(){document.getElementById("menu_item").style.display = "none";}function passwd(){var pass = docume...
HTML零基础入门+百度搜索案例
03-04
HTML零基础入门教程，教程配有百度首页案例，HTML是前端学习的第一步，把基础打扎实，更有利于后期学习
Web编程入门经典.pdf
05-10
Web编程入门经典：HTML、XHTML和CSS].杜静.敖富江.扫描版.pdf web技术入门、基本功经典书籍 书分两部分，这是第一个压缩包
System.Web.Extensions.dll
07-18
Parser Error Message: Could not load file or assembly 'System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35' or one of its dependencies. 系统找不到指定的文件。 ...
WEB前端-案例汇总
11-08
在“WEB前端-案例汇总”这个资源包中，包含了丰富的前端开发实例，旨在帮助初学者逐步进阶，全面掌握前端开发的各项技能。这个资源大汇总几乎涵盖了前端开发的所有领域，对于想要深入学习和理解Web前端技术的人来说...
js模拟百度地图
12-14
1、用JS实现和百度地图一样的地图--拖动，移动，放大、缩小、还原、标注、图例 2、不需搭建gis服务器，不需第三方API支持。 3、地图的图片直接从百度地图中选择所需的比例，直接截图，然后PS拼接一下就OK了(示例为...
java web 经典的购物网站的案例
11-22
"java web 经典的购物网站的案例"就是一个典型的学习与实践项目，它涵盖了前端用户交互、后台数据处理以及完整的业务流程，对于学习者来说，是一个极好的实战训练。 【描述】深入解析： 1. **前端登录注册**：在...
html+css 模仿制作百度注册页面
yangyyycy的博客
12-20 7799
一、html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <link rel="stylesheet" href="../css/baidu.css"> <body> <div class="left"> <div c
Html+CSS练习（百度注册页面）--div布局实现
wgf1997的博客
08-07 8840
效果图 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...
百度注册登录页面简单实现——仿照
Lucky_ze的博客
03-21 6855
百度注册页面——简单实现(仿) &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;注册&amp;lt;/title&amp;gt; &a
HTML表单练习~百度注册
笑语轻柔
09-11 1686
界面的展示： 1、建一个整体表单，表单里再建一个表格。 2、用户名后面是文本字段（type="text"）,密码后面为密码框（type="password"）,性别为单选按钮（type="radio" checked="checked"为已默认选了一个 ），同时激活百度空间前为多选按钮（type="checkbox"），总则放入文本域中（textarea）。 3、此信息内容为图片的插
html css JS 小练习简单模拟百度注册页面 实现弹窗提示用户名等为空以及弹窗提示随机产生六位验证码
m0_58032275的博客
10-12 2338
简单模拟百度注册页面 原始页面 模拟 HTML <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js弹窗测试</title> <script type="text/javascript" src="js/test.js"></script> <link rel="stylesheet" href="css/testJs.css" t
html css 写百度页面,Html+CSS练习（百度注册页面）--div布局实现
weixin_31227315的博客
06-03 816
效果图代码：注册*{margin:0px;padding: 0px;}.input{padding: 5px;height: 38px;box-sizing: border-box;width: 400px;margin: 2px;}span{display:inline-block;height:35px;width: 70px;text-align:right;}input[type="but...
百度网页注册HTML代码
热门推荐
JackieDYH的博客
10-16 1万+
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>注册百度账号</title> </head> <style> *{ margin:0; padding:0; } body{ width:...
HTML常用表单写一个百度搜索和注册页面
赵广陆
04-19 3243
目录 1.实战百度搜索，向百度服务器发送请求 2.注册的一个页面 1.实战百度搜索，向百度服务器发送请求 https://www.baidu.com/s？键1=值1&键2=值2 action：表单提交的位置 method（get/post）：表单提交的方式 GET: (1)参数会依附于url地址之后 (2)利用get方式提交数据，数据的长度有限制 ...
html中的form标签以及模拟百度和实现简单的注册页面
weixin_44007988的博客
10-16 695
html中的form标签以及模拟百度和实现简单的注册页面 <html> <head> <title>我的form标签认识</title> <meta charset="utf-8"/> </head> <body> <h3>form标签认识</h3> <hr /&...
"HTML标签及常用属性总结-Web前端知识点
Web前端知识点总结.doc是一份关于HTML知识点的文档，其中详细总结了HTML的功能、思想和常用标签。HTML是用来制作静态网页的语言，通过HTML语言可以展现网页的全部内容。HTML的思想是一切功能都由标签实现，标签具有...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值