-
web前端大作业--美团外卖1
概述
web美团 登录和注册功能、页面展示。
代码
DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Titletitle> <link rel="stylesheet" href="css/index.css"> head> <body> <div class="main"> <div class="main-left"> <div class="main-left-content"> <ul> <li><img src="images/美食.png" alt=""><span class="select">美食span><i>＞i>li> <li><img src="images/外卖.png" alt=""><span class="select"><a href="order.html">外卖a>span><i>＞i>li> <li><img src="images/酒店.png" alt=""><span class="select">酒店span><i>＞i>li> <li><img src="images/民宿.png" alt=""><span class="select">猫眼电影span><i>＞i>li> <li><img src="images/民宿1.png" alt=""><span class="select">民宿span><i>＞i>li> <li><img src="images/机票.png" alt=""><span class="select">机票span><span>/span><span class="select">火车票span><i>＞i>li> <li><img src="images/休闲娱乐.png" alt=""><span class="select">休闲娱乐span><span>/span><span>KTVspan><i>＞i>li> <li><img src="images/服务.png" alt=""><span class="select">生活服务span><i>＞i>li> <li><img src="images/丽人.png" alt=""><span class="select">丽人span><span>/span><span class="select">美发span><span>/span><span class="select">医学美容span><i>＞i>li> <li><img src="images/结婚.png" alt=""><span class="select">结婚span><span>/span><span class="select">婚纱摄影span><span>/span><span class="select">婚宴span><i>＞i>li> <li><img src="images/亲子.png" alt=""><span class="select">亲子span><span>/span><span class="select">儿童乐园span><span>/span><span class="select">幼教span><i>＞i>li> <li><img src="images/运动.png" alt=""><span class="select">运动健身span><span>/span><span class="select">健身中心span><i>＞i>li> <li><img src="images/家装.png" alt=""><span class="select">家装span><span>/span><span class="select">建材span><span>/span><span class="select">家居span><i>＞i>li> <li><img src="images/学习.png" alt=""><span class="select">学习培训span><span>/span><span class="select">音乐培训span><i>＞i>li> <li><img src="images/医疗.png" alt=""><span class="select">医疗健康span><span>/span><span class="select">宠物span><span>/span><span class="select">爱车span><i>＞i>li> <li><img src="images/酒吧.png" alt=""><span class="select">酒吧span><span>/span><span class="select">密室逃脱span><i>＞i>li> ul> div> div> <div class="main-middle"> <div class="main-middle-content"> <div class="main-middle-content-top"> div> div> div> <div class="main-right"> <div class="main-right-content"> <div class="main-right-content-top"> <div class="main-right-content-top-img">div> <div class="main-right-content-top-content">Hi ！你好div> <div class="main-right-content-top-login"><a href="register.HTML">注册a> div> <div class="main-right-content-top-register"> <a href="login.html">登录a>div> div> <div class="main-right-content-foot"> <div class="main-right-content-foot-2D">div> <div class="main-right-content-foot-content"> <p>美团APP手机版p> <span class="money">1元起span><span>吃喝玩乐span> div> div> div> div> div> body> html>DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录title> <link rel="shortcut icon" href="images/camera.ico"> <link rel="stylesheet" href="css/login.css"> <link rel="stylesheet" href="css/footer.css"> head> <body> <div id="header"> <div class="h_center"> <img src="images/logo.png" alt=""> <p>欢迎来到点单系统：请先登录！p> div> div> <div id="login_body"> <div class="login_b_center"> <div class="login_bg"> <h1>密码登录h1> <form action="#" id="login"> <div class="userName"> <span>span><input type="text" value="账户"> div> <div class="password"> <span>span><input type="password" > div> <div class="login_btn"> <a href="index.html"> <input type="button" value="登录"> a> div> <div class="forgot_password"> <a href="">忘记密码a> <a href="register.html">注册账号a> <a href="1.0/index.html">帮助a> div> form> div> div> div> <div id="footer"> <div class="link"> <a href="">关于我们a> | <a href="">联系我们a> | <a href="">商家入驻a> | <a href="">友情链接a> | div> <div class="copyright"> 版权所属 网络 div> div> body> html>注册
DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>注册title> <link rel="stylesheet" href="css/register.css"> <link rel="shortcut icon" href="images/camera.ico"> <script src="js/register.js">script> head> <body> <div id="reg_header"> <div class="reg_h_center"> <div class="reg_h_left"> <img src="images/logo.png" alt=""> <h3>欢迎注册h3> div> div> div> <div class="reg_back"> <div class="reg_left"> <p>新用户注册p> <p>USER REGISTERp> div> <div class="reg_center"> <div class="reg_form"> <form action="#" method="post"> <table> <tr> <td class="td_left"><label for="username">用户名label>td> <td class="td_right"><input type="text" name="username" placeholder="请输入用户名" id="username">td> tr> <tr> <td class="td_left"><label for="password">密码label>td> <td class="td_right"><input type="password" name="password" placeholder="请输入密码" id="password">td> tr> <tr> <td class="td_left"><label for="Email">Emaillabel>td> <td class="td_right"><input type="email" name="email" placeholder="请输入Email" id="Email"> td> tr> <tr> <td class="td_left"><label for="rename">姓名label>td> <td class="td_right"><input type="text" name="rename" placeholder="请输入真实姓名" id="rename"> td> tr> <tr> <td class="td_left"><label for="Telphone">手机号label>td> <td class="td_right"><input type="text" name="telphone" placeholder="请输入您的手机号" id="Telphone">td> tr> <tr> <td class="td_left"><label>性别label>td> <td class="td_right"><input type="radio" name="gender" value="male" checked> 男 <input type="radio" name="gender" value="female"> 女 td> tr> <tr> <td class="td_left"><label for="Birthday">出生日期label>td> <td class="td_right"><input type="date" name="birthday" id="Birthday">td> tr> <tr> <td class="td_left"><label for="checkcode">验证码label>td> <td class="td_right"><input type="text" name="checkcode" id="checkcode"> <img src="images/check_code.png" id="img_check">td> tr> <tr> <td colspan="2" align="center"><input type="submit" value="注册" id="btn_sub" onclick="onshow()">td> tr> table> form> div> div> <div class="reg_right"> <p>已有账号?<a href="login.html">立即登录a>p> div> div> <script> function onshow(){ alert("注册成功"); } script> body> html>截图
代码链接
链接: https://pan.baidu.com/s/1c-7nDlgn_I5AektDwkVaHg?pwd=cuii 提取码: cuii
–来自百度网盘超级会员v3的分享 -
相关阅读:
算法之双指针题型：
【数据结构】Set和Map
Maven高级
Hbuilderx:Vue项目打包apk打开首页空白问题
Elasticsearch基础操作演示总结
k8s的接口文档——swagger-ui服务
Windows安装Ubuntu20.04.6双系统及Qt离线安装
第4讲：Python常用的几种基本运算符的概念以及使用
visio导出SVG矢量图在wps中显示问题
对iOS开发中的链接器ld64和-ld_classic的深入理解
- 原文地址：https://blog.csdn.net/ngczx/article/details/139973352