web实验用户注册界面

HTML代码部分

在这里插入代码片
<!DOCTYPE>
<html>
<head><meta charset="utf-8"><title>用户注册</title><link rel="stylesheet" href="reg.css"></head>
<body><div id="container"><!--页面标题--><h1>空壳公司用户注册</h1><hr /><!--表单--><form method="post" action="URL" autocomplete="on"><label>用 户:<input type="text" placeholder="请输入用户名" name="username" required/></label><br /><label>密  码:   <input type="password" placeholder="请输入新密码" name="pwd" required/></label><br /><label>确   认:<input type="password" placeholder="请再次输入密码" name="pwd2" required/></label><br /><label>姓    名:<input type="text" placeholder="请输入真实姓名" name="name" required/></label><br /><label>邮    箱:<input type="email" placeholder="请输入电子邮箱" name="email" required/></label><br /><label>手  机:<input type="tel" placeholder="请输入手机号码" name="tel"/></label><br /><button type="submit">提交注册</button><button type="reset">清空内容</button></form></div></body>
</html>

css代码部分


#container{background-color:#87CEEB;color:#2F4F4F;padding:15px;margin:100px auto 0px;width:600px;text-align:center;font-family:"微软雅黑 Light";box-shadow:10px 10px 15px black;/*美化界面*/
}
hr{width:80%;border:#8B0000 1px solid;margin-bottom:15px;
}
body{background-image:url("1.jpg");
}
input{width:180px;height:20px;margin:5px;font-size:16px;font-family:"微软雅黑 Light";
}
button{width:120px;height:40px;background-color:#F08080;border:0px;color:white;margin:10px;font-size:18px;font-family:"宋体";font-weight:bold;
}button:hover{background-color:#800000;color:#B0C4DE;
}

实现界面：

web实验用户注册界面相关推荐

Web实验一国内旅游界面
Web实验一旅游界面的设计一.首页代码 1 <!DOCTYPE html> 2 <html lang="zh-cn"> 3 <head> ...
Java web实验购物网站（IDEA开发环境，JavaScript，JSP，Servlet，jQuery，Ajax，MySql等）——实现购物车
Java web实验购物网站实验要求实验开发工具及使用技术准备工作完整项目目录结构实验结果展示实验步骤小结项目完整代码及数据库.SQL文件自学网站 2021.05.25补充实验要求 ...
web实验1 div+css
web实验1 div+css 多个页面互相跳转可看图片播放音乐等等主页我的动漫 <!DOCTYPE html> <html lang="en"> ...
南邮java实验一报告_南京邮电大学双语web实验一报告2017.docx
南京邮电大学双语web实验一报告2017 第四章实验 2 Web 服务端脚本编写一实验目的 (1)通过上机实践,熟悉 Apache 服务器的安装和配置使用方法. (2)掌握 PHP 脚本语言,熟练 ...
c#web窗体登录界面登录注册以及密码找回发送邮箱功能
c#web窗体登录界面登录注册以及密码找回发送邮箱功能效果图如下: 1.登录界面aspx代码 <%@ Page Language="C#" AutoEventWireup= ...
android注册界面高级,Android用户注册界面简单设计
本文实例为大家分享了Android用户注册界面的设计,供大家参考,具体内容如下 I. 实例目标设计一个用户注册界面,在其中要使用到一些基础控件,如文本框.编辑框.按钮.复选框等控件 II. 技术分 ...
android中注册用户界面,Android用户注册界面
搜索热词先给大家展示下界面效果图,感觉满意,请参考实现代码. Main.xml源码 android:layout_width="match_parent" android:lay ...
微信小程序圣诞帽_构建圣诞快乐Web应用程序界面
微信小程序圣诞帽今天,我们将构建" 圣诞快乐" Web应用程序界面 : Tomas Laurinavicius的早期教程中的Photoshop布局. 这将是一个分为两部分的教程. ...
桌面系统（web前端）jQuery制作Web桌面系统界面类似WebQQ桌面布局
源码不是我写的,但是我在基础上修改了一些内容. 可参考,http://www.xwcms.net/webAnnexImages/fileAnnex/20140220/82693/index.html ...

web实验用户注册界面

web实验用户注册界面相关推荐

最新文章

热门文章

web实验 用户注册界面

web实验 用户注册界面相关推荐

最新文章

热门文章

web实验用户注册界面

web实验用户注册界面相关推荐