HTML5注册页面示例代码_html5教程技巧-H5教程-PHP中文网

HTML5注册页面示例代码_html5教程技巧

php中文网

发布： 2016-05-16 15:48:19

原创

2379人浏览过

复制代码

代码如下:

会员注册

员工编号：
密码：
密码确认：
生日：
性别：	男女
邮箱：
手机：
地址：
个人网页：
起床时间：
头像：	@@##@@ <script> <br />function show(){ <br />var file = document.getElementById("f").files[0]; <br />var fileReader = new FileReader(); <br />fileReader.readAsDataURL(file); <br />fileReader.onload = function(){ <br />document.getElementById("img").src = fileReader.result; <br />} <br />} <br /></script>
允许注册许可证信息注册许可信息
验证码：	<script> <br />var span = document.getElementById("span"); <br />span.innerHTML=Math.floor(Math.random()); <br /></script>

复制代码

代码如下:

body {
background-image: url("../images/bg.jpg");
text-align: center;
background-repeat: repeat-x;
background-position: 0px 0px ;
background-size：
}
.table {
border: 1px solid #90BFFF;
width:810px;
}
tr {
font-family: 微软雅黑;
font-weight:800;
color: #448EF3;
}
input{
border: 1px solid #448EF3;
color: #448EF3;
font-weight:bold;
font-family: "微软雅黑";
height: 35px;
line-height: 30px;
border-radius:5px;
}
.submit {
width: 150px;
height: 40px;
cursor :hand;
font-size: 20px;
color: #ffffff;
background-color: #448EF3;
border: 0px;
}
.thead {
height: 40px; background : #90BFFF;
font-family: "微软雅黑";
font-size: 30px;
font-weight: 700;
color: #ffffff;
background: #90BFFF;
}
#3{
margin-bottom: 100px;
}

复制代码

代码如下:

------------------------------------------------

上面文件的顺序是：register.html register.css checkbox..js

-------------------------------------------------

背景图片：bg.jpg

HTML5注册页面示例代码_html5教程技巧