Blogger Information
Blog 26
fans 1
comment 0
visits 19070
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
作业创建本地开发环境
坏人也温柔de陈词滥调
Original
548 people have browsed it

<!doctype html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>孤独一人</title>
</head>
<body>
<a href="http://php.cn">php中文网: 默认当前页面打开</a><!--链接标签 -->
<img src="图片路径">
<h3>购物车</h3>
<ul>       <!-- 无序列表-->
   <li>1. 方便面 1桶, 5元</li>
   <li>2. 玩具遥控车 2个, 300元</li>
   <li>3. 华为手机 ,1台, 9000元</li>
</ul>
<ol><!--有序列表-->
   <li>123</li>
</ol>
<table border="1" cellspacing="0" cellpadding="5" width="500" align="left">
   <!--    表格标题-->
   <caption>购物车</caption>
   <thead>
   <tr bgcolor="lightblue">
       <th>编号</th>
       <th>名称</th>
       <th>单价</th>
       <th>数量</th>
       <th>金额</th>
   </tr>
   </thead>
   <tbody>
   <tr>
       <td width="50">1</td>
       <td width="200">方便面</td>
       <td width="70">800</td>
       <td width="50">1</td>
       <td width="80">5/td>
   </tr>
   <tr>
       <td>2</td>
       <td>玩具遥控车</td>
       <td>150</td>
       <td>2</td>
       <td>300</td>
   </tr>
   <tr>
       <td>3</td>
       <td>华为手机</td>
       <td>4500</td>
       <td>1</td>
       <td>9000</td>
   </tr>
   <tfoot>
   <tr>
       <!--            单元格在列方向上的合并: colspan-->
       <td colspan="3" align="center">总计</td>
       <!--            <td></td>-->
       <!--            <td></td>-->
       <td></td>
       <td>9305</td>
   </tr>
   </tfoot>
   </tbody>
   <h3>用户注册</h3>
   <form action="" method="get" name="register">
       <p>
           <label for="username">帐号:</label>
           <input type="text" id="username" name="username" placeholder="不超过8个字符" autofocus>
       </p>

       <p>
           <label for="password">密码:</label>
           <input type="password" id="password" name="password" placeholder="6-12的字母和数字组成" autofocus>
       </p>

       <p>
           <label for="email">邮箱:</label>
           <input type="email" id="email" name="email" placeholder="example@mail.com" required>
       </p>

       <p>
           <label for="age">年龄:</label>
           <input type="number" id="age" name="age" min="16" max="70">
       </p>

       <p>
           <label for="birthday">生日:</label>
           <input type="date" id="birthday" name="birthday">
       </p>
       <p>
       <label for="course">课程:</label>
       <!--        默认显示是一个,可以用size设置-->
       <select name="course" id="course" size="1">
           <!--            选择支持分组-->
           <optgroup label="前端:">
               <option value="0">请选择</option>
               <option value="1">HTML5</option>
               <option value="2">CSS3</option>
               <!--            selected: 设置默认选项-->
               <option value="3" selected>JavaScript</option>
           </optgroup>

           <optgroup label="后端:">
               <option value="4">PHP</option>
               <option value="5">MySQL</option>
               <option value="6">ThinkPHP</option>
           </optgroup>
       </select>
       </p>
       <!--    复选框-->
       <p>
           <label for="programme">爱好: </label>
           <!--        点击"爱好"标签会自动定位到"撸代码"选项上-->
           <input type="checkbox" name="hobby[]" value="game" id="game"><label for="game">打游戏</label>
           <input type="checkbox" name="hobby[]" value="programme" id="programme"><label for="programme">撸代码</label>
           <!--        checked: 默认值-->
           <input type="checkbox" name="hobby[]" value="programme" id="movies" checked><label for="movies">看片</label>
       </p>
       <!--    单选按钮-->
       <p>
           <label for="male">性别: </label>
           <!--        点击"性别"标签会自动定位到"男生"选项上-->
           <input type="radio" name="gender" value="male" id="male"><label for="male">男生</label>
           <input type="radio" name="gender" value="female" id="female"><label for="female">女生</label>
           <!--        checked: 默认值-->
           <input type="radio" name="gender" value="secrecy" id="secrecy" checked><label for="secrecy">保密</label>
       </p>

       <!--    文本域-->
       <p>
           <label for="comment">简介:</label>
           <textarea name="comment" id="comment" cols="30" rows="10" maxlength="30" placeholder="内容不超过30字"></textarea>
       </p>
       <!-- 按钮 -->
       <p>
           <button type="submit">提交</button>
       </p>
</body>
</html>

Correction status:unqualified

Teacher's comments:内容与作业标题完全无关
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post