用户注册界面设计(html,css)源码
展示界面:
源码:
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><!-- <link rel="stylesheet" href="style.css"> --><style>th,td{border: none;font-style: italic;text-align: center;text-decoration: underline;}table{border-color: gray;border-radius: 15px;border-spacing: 0;background-image: url(back.jpg);background-position: center center;}input{outline: none;border-radius: 10px;vertical-align: middle;border-color: red;border-width: 3.5px;}textarea{border-radius: 10px;border-width: 3.5px;border-color:red;}select{border-radius: 10px;border-color:red;border-width: 2.5px;}</style></head><body><from action="xx.php" method="get" name="biaodan"><table border="3" cellpadding="10"><thead><tr><th colspan="2">用 户 注 册</th></tr></thead><tbody><tr><td>用 户 名 :</td><td class="annotation"><input type="text" ,name="username" value="请输入用户名"size="25" maxlength="20"></td></tr><tr><td>密 码 :</td><td><input type="password" name="pwd" size="15"maxlength="30"></td></tr><tr><td>确 认 密 码 :</td><td><input type="password" name="pwd" size="15"maxlength="30"></td></tr><tr><td>性 别 :</td><td><input type="radio" name="sex" id="男"> <labelfor="男">男</label> <input type="radio" name="sex" id="女"> <labelfor="女">女</label></td></tr><tr><td>婚 姻 状 态:</td><td><input type="radio" name="now" id="已婚"> <labelfor="已婚">已婚</label> <input type="radio" name="now" id="未婚"> <labelfor="未婚">未婚</label> <input type="radio" name="now" id="离婚"> <labelfor="离婚">离婚</label></td></tr><tr><td>感 兴 趣 编 译 语 言 :</td><td><input type="checkbox" name="interest" id="Java"> <labelfor="Java">Java</label> <input type="checkbox" name="interest" id="Python"> <labelfor="Python">Python</label> <input type="checkbox" name="interest"id="JavaScript"> <label for="JavaScript">JavaScript</label> <input type="checkbox" name="interest" id="C#"> <labelfor="C#">C#</label><br><br><input type="checkbox" name="interest" id="C++"> <labelfor="C++">C++</label> <input type="checkbox" name="interest" id="Opencv"> <labelfor="Opencv">Opencv</label> <input type="checkbox" name="interest" id="Php"> <labelfor="Php">Php</label> <input type="checkbox" name="interest" id="Go"> <labelfor="Go">Go</label></td></tr><tr><td>爱 好 :</td><td><input type="checkbox" name="like" id="运动"> <labelfor="运动">运 动</label> <input type="checkbox" name="like" id="听音乐"> <labelfor="听音乐">听 音 乐</label> <input type="checkbox" name="like" id="玩游戏"> <labelfor="玩游戏">玩 游 戏</label> <input type="checkbox" name="like" id="看书"><labelfor="看书"> 看 书 </label><input type="checkbox" name="like" id="其他"><labelfor="其他"> 其 他 </label></td></tr><tr><td>出 生 年 月 :</td><td> <!-- <from> --><select id="year"><option>--请选择年份--</option><option>2022</option><option>2021</option><option>2020</option><option>2019</option><option>2018</option><option>2017</option><option>2016</option><option>2015</option><option>2014</option><option>2013</option><option>2012</option><option>2011</option><option>2010</option><option>2009</option><option>2008</option><option>2007</option><option>2006</option><option>2005</option><option>2004</option><option>2003</option><option>2002</option><option>2001</option><option>2000</option><option>1999</option><option>1998</option></select> 年 <!-- </from> --><!-- <from> --><select id="month"><option>--请选择月份--</option><option>1</option><option>2</option><option>3</option><option>4</option><option>5</option><option>6</option><option>7</option><option>8</option><option>9</option><option>10</option><option>11</option><option>12</option></select> 月 <!-- </from> --><!-- <from> --><select id="day"><option>--请选择日--</option><option>1</option><option>2</option><option>3</option><option>4</option><option>5</option><option>6</option><option>7</option><option>8</option><option>9</option><option>10</option><option>11</option><option>12</option><option>13</option><option>14</option><option>15</option><option>16</option><option>17</option><option>18</option><option>19</option><option>20</option><option>21</option><option>22</option><option>23</option><option>24</option><option>25</option><option>26</option><option>27</option><option>28</option><option>29</option><option>30</option><option>31</option></select> 日<!-- </from> --></td></tr><tr><td>出 生 地 :</td><td> <select id="area"><option>--请选择地区--</option><option>北京市</option><option>上海市</option><option>天津市</option><option>重庆市</option><option>黑龙江</option><option>辽宁</option><option>河北</option><option>吉林</option><option>河南</option><option>湖北</option><option>湖南</option><option>山东</option><option>山西</option><option>陕西</option><option>安徽</option><option>浙江</option><option>江苏</option><option>福建</option><option>广东</option><option>海南</option><option>四川</option><option>云南</option><option>贵州</option><option>青海</option><option>甘肃</option><option>江西</option><option>台湾</option><option>内蒙古</option><option>宁夏</option><option>新疆维吾尔</option><option>西藏</option><option>广西</option><option>香港</option><option>澳门</option></select><!-- </from> --></td></tr><tr><td>自 我 介 绍 :</td><td><textarea cols="50" row="6">请输入内容</textarea></td></tr><tr><td style="text-decoration: none;" colspan="2"align="center"><input type="submit" value="注册"> <input type="reset" value="重置"></td></tr><tr><td colspan="2" align="center"><input type="checkbox" checked="checked">我同意注册条款</td></tr><tr><td colspan="2" align="center"><a href="#">已有账号,点击登录</a></td></tr></tbody></table></from></body>
</html>
用户注册界面设计(html,css)源码相关推荐
- 基于SSM + MySQL的服饰服装购物平台系统的设计与实现源码+论文+包安装配置+讲解视频
下载:https://download.csdn.net/download/nike8x/83598568 项目介绍: 基于SSM + MySQL的服饰服装购物平台系统的设计与实现源码+论文+包安装配 ...
- java计算机毕业设计HTML5游戏网站设计与实现源码+mysql数据库+系统+lw文档+部署
技术栈 项目架构:B/S架构 开发语言:Java语言 开发软件:idea eclipse 前端技术:Layui.HTML.CSS.JS.JQuery等技术 后端技术:JAVA 运行环境:Win10.J ...
- SpringBoot网上书城的设计与实现源码+文档
博主介绍:✌在职Java研发工程师.专注于程序设计.源码分享.技术交流.专注于Java技术领域和毕业设计✌ 项目名称 SSM框架特产销售网站设计与开发源码 视频效果 SpringBoot网上书城的设 ...
- java ssm框架的点歌系统的设计与实现源码
项目名称 java ssm框架的点歌系统的设计与实现源码 下载地址 下载地址 系统说明 4.2 系统功能 4.2.1 登录与注册功能 系统的登录分为了前台登录和后台登录两个模块,都分别处在不同的界面上 ...
- SSM框架基于JavaWeb在线投票系统的设计与实现源码
博主介绍:✌在职Java研发工程师.专注于程序设计.源码分享.技术交流.专注于Java技术领域和毕业设计✌ 项目名称 SSM框架基于JavaWeb在线投票系统的设计与实现源码 视频效果 SSM框架基 ...
- Java生鲜电商平台-电商中海量搜索ElasticSearch架构设计实战与源码解析
Java生鲜电商平台-电商中海量搜索ElasticSearch架构设计实战与源码解析 生鲜电商搜索引擎的特点 众所周知,标准的搜索引擎主要分成三个大的部分,第一步是爬虫系统,第二步是数据分析,第三步才 ...
- java计算机毕业设计爱心公益网站设计与制作源码+数据库+系统+lw文档+部署
java计算机毕业设计爱心公益网站设计与制作源码+数据库+系统+lw文档+部署 java计算机毕业设计爱心公益网站设计与制作源码+数据库+系统+lw文档+部署 本源码技术栈: 项目架构:B/S架构 开 ...
- 基于Java毕业设计爱心公益网站设计与制作源码+系统+mysql+lw文档+部署软件
基于Java毕业设计爱心公益网站设计与制作源码+系统+mysql+lw文档+部署软件 基于Java毕业设计爱心公益网站设计与制作源码+系统+mysql+lw文档+部署软件 本源码技术栈: 项目架构:B ...
- java计算机毕业设计Vue垃圾分类指南平台设计与实现源码+数据库+系统+lw文档
java计算机毕业设计Vue垃圾分类指南平台设计与实现源码+数据库+系统+lw文档 java计算机毕业设计Vue垃圾分类指南平台设计与实现源码+数据库+系统+lw文档 本源码技术栈: 项目架构:B/S ...
- 计算机毕业设计JavaVue.js音乐播放器设计与实现(源码+系统+mysql数据库+lw文档)
计算机毕业设计JavaVue.js音乐播放器设计与实现(源码+系统+mysql数据库+lw文档) 计算机毕业设计JavaVue.js音乐播放器设计与实现(源码+系统+mysql数据库+lw文档) 本源 ...
最新文章
- Linux/ubuntu:Chrome报错解决: error while loading shared libraries: libnss3.so libXss.so.1 libasound.so.
- android 动画引擎,一个使用openGL渲染的炫丽Android动画库
- 笔试真题及其答案解析:国内各大银行计算机方向笔试之计算机基础知识—选择题120题
- Hi3516A开发--视频输入和输出接口
- java英语介绍_java,英文介绍项目.doc
- flash activex java_Adobe flash player ActiveX和NPAPI和PPAPI 这三个软件有什么区别?
- P4424-[HNOI/AHOI2018]寻宝游戏【结论】
- LeetCode 1769. 移动所有球到每个盒子所需的最小操作数(前缀和)
- fpga 开源264编码_更好的开源安全性,学习编码,开放式家庭设计等
- 搜狐-新闻页 粗略整理-自我学习
- 39-java 输入输出总结
- C语言实现九九乘法表,以for循环为主
- 如果软件测试是门艺术,软件测试工程师就是艺术家 -- 浅析ZStack是如何做智能软件测试
- 软件设计师教程笔记 持续更新
- Nginx 限流配置-令牌桶算法
- bim建模的过程的几个要点
- 一站式开源分布式集群云真机测试平台Sonic——基于Docker方式部署sonic前后端(体验版)
- win10未安装任何音频输出设备解决方案-记一次电脑的睿智问题
- 一起来看看阿里开源的15个顶级Java项目
- mysql多条件count_Mysql中使用count加条件统计