前端HTMl用户注册及验证示例_html登录注册页面的验证 - CSDN文库

5星 · 超过95%的资源需积分: 50 38 浏览量更新于2023-05-26 1 收藏 285KB DOC 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源推荐

前端开发代码示例

代码分类：程序开发前端  功能名称：用户注册页面及表单验证

实

验

目

的

：

•利用 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-

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余8页未读，立即下载

SuperMan-

粉丝: 0
资源: 3

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈