【Web】HTML（No.08）表单标签经典案例（一）《会员登录》

最新推荐文章于 2022-05-07 00:31:21 发布

Sherry Lupus

最新推荐文章于 2022-05-07 00:31:21 发布

阅读量513

点赞数 2

分类专栏： Web-HTML 文章标签： Web 表单案例

本文链接：https://blog.csdn.net/qq_43251850/article/details/90653999

版权

Web-HTML 专栏收录该内容

9 篇文章 1 订阅

订阅专栏

效果图

会员登录

HTML源码

<!DOCTYPE html>
<html lang="en">
  <head>
	<meta charset="UTF-8">
	<title>会员登录</title>
  </head>
  <body>
	<table border="1px" cellspacing="1" width="400" height="300">
	  <thead>
	    <tr align="center">
		  <th colspan="2" height="35" >会员登录</th>
	  </tr>
	  </thead>
	  <tbody>
	    <tr>
	      <td>登录账号</td>
	      <td><input type="text" placeholder="邮箱/ID/手机号"></td>
	    </tr>
	    <tr>
	      <td>密码</td>
	      <td><input maxlength="9" type="password" name="password" placeholder="密码"></td>
	    </tr>
	    <tr>
	      <td></td>
	      <td><input type="checkbox" checked="checked">两周内自动登录</td>
	    </tr>
	    <tr>
	      <td></td>
	      <td><input type="image" src="img/login.png"><a href="">忘记密码</a></td>
	    </tr>
	    <tr>
	      <td>其他账号登录</td>
	      <td>
	        <input type="image" src="img/ico1.png">QQ账号
	        <input type="image" src="img/ico2.png">新浪微博
	        <input type="image" src="img/ico3.png">百度账号
	      </td>
	    </tr>
	    <tr>
	      <td></td>
	      <td><a href="">还不是会员？立即注册</a></td>
	    </tr>
	    <!-- 横向合并单元格：colspan="合并的个数" -->
	    <!-- 纵向合并单元格：rowspan="合并的个数" -->
	  </tbody> 
	</table> 
  </body>
</html>

Sherry Lupus

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
【Web】HTML（No.08）表单标签经典案例（一）《会员登录》

效果图HTML源码<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>会员登录</title> </head> <body> <table border="1px" cellspacin...
复制链接

扫一扫