0
0

JavaWeb利用HTML和CSS蛋糕商城注册页面实现------前端

主页

<html>
    <head>
        <meta charset="UTF-8">
    </head>
    <frameset rows="20%,*">
        <frame src="TOP.html"/>
        <frameset cols="15%,*">
            <frame src="LEFT.html"/>
            <frameset rows="80%,*">
                <frame src="MAIN.html"/>
                <frame src="BOTTON.html"/>
            </frameset>
        </frameset>
    </frameset>
</html>
<html> <head> <meta charset="UTF-8"> </head> <frameset rows="20%,*"> <frame src="TOP.html"/> <frameset cols="15%,*"> <frame src="LEFT.html"/> <frameset rows="80%,*"> <frame src="MAIN.html"/> <frame src="BOTTON.html"/> </frameset> </frameset> </frameset> </html>

left.html页面

<html>
    <head>
        <title>text</title>
    </head>
    <body>
            <u>分店地址:</u>
        <ol type ="1" start="1">
            <li><b>暂无</b><li>
            <li>暂无<li>
            <li>暂无<li>
        </ol>
        <i>蛋糕店经营人员:</i>
        <ul type="circle">
            <li>无<li>
            <li>无<li>
            <li>无<li>
        </ul>
    </body>
</html>
<html> <head> <title>text</title> </head> <body> 分店地址:
  1. 暂无
  3. 暂无
  5. 暂无
蛋糕店经营人员:
  • 无
  • 无
  • 无
</body> </html>

botton.html页面

<html>
    <head>
        <title>宣发界面</title>
        <meta charset="GBK">
        <style type="text/css"></style>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <div align="center">
            <p><span style="font-weight:bolder;color:pink;">注册商标:&reg;暂无</span></p>
            <span class="f32">版权符号:&copy;暂无</span></br>
            <a href="http://www.baidu.com" target="_blank">百度一下我们?</a>
        </div>
    </body>
</html>
<html> <head> <title>宣发界面</title> <meta charset="GBK"> <style type="text/css"></style> <link rel="stylesheet" href="style.css"> </head> <body>

注册商标:®暂无

版权符号:©暂无
百度一下我们?
</body> </html>

Done.html页面

<html>
    <head>
        <title>text</title>

    </head>
    <body>
        <h1><font color="red">注册成功</font></h1>
    </body>
</html>
<html> <head> <title>text</title> 
</head>
 <body>
     <h1><font color="red">注册成功</font></h1>
 </body>
</html>

main.html页面

<!DOCTYPE html>
<br lang="en">
<head>
    <meta charset="UTF-8">
    <title>"Hello"</title>
</head>
    <fieldset>
      <legend align="center">注册新用户</legend>
        <form action="demo04.html" method="post">
          <table cellpadding="2"align="center">
            <tr>
              <td align="center">用户名:</td>
              <td align="center"><input type="text"name="nickname"value="请输入您的姓名"/></br></td>
            </tr>
            <tr>
              <td align="center">密码:</td>
              <td align="center"><input type="password"name="password"value="请输入您的密码"/></br></td>
            </tr>
            <tr>
              <td align="center">性别:</td>
              <td align="center"><input type="radio"name="gender"value="gender"/>男
                <input type="radio"name="gender"value="gender"checked/>女</br>
              </td>
            </tr>
            <tr>
              <td align="center">小食星球:</td>
              <td align="center"><input type="checkbox"name="hobby"value="Sing"/>面包
                <input type="checkbox"name="hobby"value="Jump"/>蛋糕
                <input type="checkbox"name="hobby"value="Rap"/>点心
                <input type="checkbox"name="hobby"value="Basketball"checked/>饮料</br>
              </td>
            </tr>
            <tr>
              <td align="center">用户头像:</td>
              <td align="center"><input type="file"name="file"value="pic"/></br></td>
            </tr>
            <tr>
              <td align="center">您的星座:</td>
              <td align="center"><select name="star"><option value="1">白羊座</option>
                                  <option value="2"selected>金牛座</option>
                                  <option value="3">双子座</option>
                                  <option value="4">巨蟹座</option>
                                  <option value="5">狮子座</option>
                                  <option value="5">处女座</option>
                                  <option value="5">天秤座</option>
                                  <option value="5">天蝎座</option>
                                  <option value="5">射手座</option>
                                  <option value="5">摩羯座</option>
                                  <option value="5">水瓶座</option>
                                  <option value="5">双鱼座</option>
                                  </select></br></td>
            </tr>
            <tr>
              <td align="center">您对蛋糕的偏好:</td>
              <td align="center"><textarea name="text"></textarea></br></td>
            </tr>
            <tr>
              <td align="center">注册:</td>
              <td><input type="submit"value="注 册"/></br></td>
            </tr>
            <tr>
              <td align="center">重填:</td>
              <td><input type="reset"value="重 填"/></td>
            </tr>
          </table>
        </form>
    </fieldset>

    <hr/>

</body>
</html>
<!DOCTYPE html>
<head> <meta charset="UTF-8"> <title>"Hello"</title> </head> <fieldset> <legend align="center">注册新用户</legend> <form action="demo04.html" method="post">
用户名: <input type="text"name="nickname"value="请输入您的姓名"/>
密码: <input type="password"name="password"value="请输入您的密码"/>
性别: <input type="radio"name="gender"value="gender"/>男 <input type="radio"name="gender"value="gender"checked/>女
小食星球: <input type="checkbox"name="hobby"value="Sing"/>面包 <input type="checkbox"name="hobby"value="Jump"/>蛋糕 <input type="checkbox"name="hobby"value="Rap"/>点心 <input type="checkbox"name="hobby"value="Basketball"checked/>饮料
用户头像: <input type="file"name="file"value="pic"/>
您的星座: <select name="star"><option value="1">白羊座</option> <option value="2"selected>金牛座</option> <option value="3">双子座</option> <option value="4">巨蟹座</option> <option value="5">狮子座</option> <option value="5">处女座</option> <option value="5">天秤座</option> <option value="5">天蝎座</option> <option value="5">射手座</option> <option value="5">摩羯座</option> <option value="5">水瓶座</option> <option value="5">双鱼座</option> </select>
您对蛋糕的偏好: <textarea name="text"></textarea>
注册: <input type="submit"value="注 册"/>
重填: <input type="reset"value="重 填"/>
</form> </fieldset> 
<hr/>
</body> </html>

css样式

        p
        {
            color:red;
        }
        .f20
        {
            font-size:40px;
        }
        #p4
        {
            background-color:pink;
            font-size:24px;
            font-weight:bolder;
            font-style:italic;
            font-family:"华文彩云";
        }
        div p
        {
            color:blue;
        }
        div .f32
        {
            font-size:32px;
            font-family:"黑体";
        }

    p
     {
         color:red;
     }
     .f20
     {
         font-size:40px;
     }
     #p4
     {
         background-color:pink;
         font-size:24px;
         font-weight:bolder;
         font-style:italic;
         font-family:"华文彩云";
     }
     div p
     {
         color:blue;
     }
     div .f32
     {
         font-size:32px;
         font-family:"黑体";
     }

top.html页面

<html>
    <head>
        <title>Hello</title>
    </head>
    <body>
        <hr/>
        <fieldset>
        <legend align="center">商品介绍</legend>
            <table border="1"cellspacing="0"cellpadding="4"width="600"align="center">
                <tr align="center">
                    <th align="center">名称</th>
                    <th align="center">单价</th>
                    <th align="center">折扣价</th>
                    <th align="center">折扣时间</th>
                </tr>
                <tr align="center">
                    <td align="center">面包</td>
                    <td align="center">10</td>
                    <td align="center">7.5</td>
                    <td align="center">待定</td>
                </tr>
                <tr align="center">
                    <td colspan="5">蛋糕价格详情参照具体规格</td>
                </tr>
                <tr align="center">
                    <td align="center">小食</td>
                    <td align="center">8</td>
                    <td align="center">5</td>
                    <td align="center">待定</td>
                </tr>
            </table>
        </fieldset>
        <hr/>
    </body>
</html>
<html> <head> <title>Hello</title> </head> <body>
<fieldset> <legend align="center">商品介绍</legend>
名称 单价 折扣价 折扣时间
面包 10 7.5 待定
蛋糕价格详情参照具体规格
小食 8 5 待定
</fieldset>
</body> </html>
标签： html css java
本文转载自: https://blog.csdn.net/2201_75960169/article/details/129974306
版权归原作者 旧约Alatus 所有， 如有侵权，请联系我们删除。
登录后发布评论

“JavaWeb利用HTML和CSS蛋糕商城注册页面实现------前端”的评论:

还没有评论
关于作者
...
overfit同步小助手
文章同步
相关阅读

机器人技术在安全领域的重要作用

安全学习记录——网络篇（一）

图腾柱PFC：HP1010为您的电动两轮车之旅提供绿色，高效，安全的动力

单元测试数据库回滚问题

这才是单元测试，之前我们都错了

【C语言基础】：字符函数和字符串函数

ChatGPT-Next-Web SSRF漏洞+XSS漏洞复现(CVE-2023-49785)

文章导航