仿***网站注册页面的设计---WEB前端系统基础

最新推荐文章于 2024-08-20 18:04:12 发布

小孙同志在学习

最新推荐文章于 2024-08-20 18:04:12 发布

阅读量111

点赞数 2

文章标签：前端 html css

本文链接：https://blog.csdn.net/weixin_69491512/article/details/130461398

版权

全部界面：

主要部分：

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" />
  <title>高德地图</title>
 </head>
<body class="bg">
<style type="text/css">
.bg{
	background-image:url(img/背景.jpg) ;
	background-size: 100% 100%;
}
</style>
 <img src="img/高德logo.jpg" alt="高德" width="20%"/>
 <hr>
 <marquee bgcolor="">
    <font color="black" size="5">高德在手，天下我有</font></marquee> 
 <form>
 &nbsp;&nbsp;&nbsp;&nbsp;姓&nbsp;名&nbsp;:&nbsp;
 <input name="name"type="text"maxlength="11"size="11"><br /><br />
 &nbsp;&nbsp;&nbsp;&nbsp;账&nbsp;户&nbsp;:&nbsp;
 <input name="name" type="password" maxlength="11"size="11"><br /><br />
 &nbsp;&nbsp;&nbsp;&nbsp;密&nbsp;码&nbsp;:&nbsp;
 <input name="" type="password"maxlength="11"size="11"><br /><br />
 &nbsp;&nbsp;&nbsp;&nbsp;确认密码&nbsp;:&nbsp;
 <input name="pws" type="password"maxlength="11"size="11"><br /><br />
 </form>
 &nbsp;&nbsp;&nbsp;&nbsp;性别&nbsp;:&nbsp;
 <input type="radio" name="nb" value="1" checked="checked"/>
    <img src="img/女孩.jpg" alt="女性" width="2%"/>女
    <input type="radio" name="nb" value="2"/>
    <img src="img/男孩.jpg" alt="男性" width="2%"/>男<br /><br />
 &nbsp;&nbsp;&nbsp;&nbsp;爱好&nbsp;:&nbsp;<input type="checkbox" name="1"  value="购物"/> 购物 
	 <input type="checkbox" name="2"  value="美食"/> 美食 
	 <input type="checkbox" name="3"  value="旅游"/> 旅游<br><br/> 
 &nbsp;&nbsp;&nbsp;&nbsp;出生日期&nbsp;:&nbsp;
 <input type="text" name="year" size="2" />年
 <select name="month" size="1">
  <option value="1">1月</option>
  <option value="2">2月</option>
  <option value="3">3月</option>
  <option value="4">4月</option>
  <option value="5">5月</option>
  <option value="6">6月</option>
  <option value="7">7月</option>
  <option value="8">8月</option>
  <option value="9">9月</option>
  <option value="10">10月</option>
  <option value="11">11月</option>
  <option value="12">12月</option>
 </select>
     <input type="text" name="day" size="1" />日
  <br><br/>
  &nbsp;&nbsp;&nbsp;&nbsp;<input name="" type="reset" value="重置"/>&nbsp;&nbsp;&nbsp;
  <input name="" type="submit" value="同意"/><br /><br />
  &nbsp;&nbsp;关于高德&nbsp;:&nbsp;<br />
  <form> 
	<textarea name="关于高德" row="2" cols="30" wrap="virtual">
  高德地图目前属于阿里巴巴集团旗下，在2014年7月18日时，阿里巴巴集团就宣布此前收购的高德控股正式完成私有化进程，从那以后就开始与阿里进行全面业务融合。
  高德地图的公司主体名称叫高德软件有限公司，于2002年8月成立。通过创始团队领导努力艰辛探索，使高德地图如今拥有着很庞大的客户群体。
  高德地图是中国领先的数字地图内容、导航和位置服务解决方案提供商。</textarea>  
  </form> 
  <hr /> 
  <img src="img/全部应用.jpg" alt="选择应用" width="20%"/>
 </body>
</html>

图片：

可以在网上查找相关资源：