前端开发代码示例
代码分类： 程序开发前端 功能名称： 用户注册页面及表单验证
实
验
目
的
：
•利用 HTML 常用标签实现网络点餐系统的用户注册页面；
•利用外部 CSS 文件，设置用户注册页面样式；
•利用 Javascript 实现用户注册页面的客户端验证；
实
验
过
程
：
代码示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>用户注册页面</title>
<style type="text/css">
tr{line-height: 50px;}
input{height: 40px;width: 260px;border: 1px solid
#f33;border-radius: 2px;font-size: 16px;}
.cla1{font-size:28px;font-weight:bold;font-
family: "宋体";padding: 10px 0px 10px 0px;}
.cla2{font-weight: bold;color: #555;font-size:
20px;}
span{display: inline-block;width: 115px;eight:
45px;background-color: #5dc9ed;border-radius:
3px;margin-top: 8px;text-align: center;}
span:hover{background-color: #0099d5;color:
#fff;font-weight: bold;cursor: pointer;}
label{display:inline-block;background-color:
#0099d5;width:47%;height:30px;margin-top:10px;}
label:hover{background-color: #5dc9ed;cursor:
pointer;}
#refB{display:inline-block;background-
color:#89f;width:30%;padding:12px 0px 12px 0px;line-
height:20px;text-align: center;font-size: 21px;border-
radius: 4px;}
#refB:hover{cursor:pointer;background-
color:#89f;color:#fff;}
.divs{background-color: #fff; display: inline-
评论0