博客列表 >作业创建本地开发环境

作业创建本地开发环境

坏人也温柔de陈词滥调
坏人也温柔de陈词滥调原创
2019年07月22日 16:32:40547浏览

<!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>

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议