实例
<!DOCTYPE html> <html lang="zh-cn" xmlns="http://www.w3.org/1999/html"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <table border="1" cellspacing="0" cellpadding="5" width="500" align="center"> <caption>清单</caption> <thead style="color: darkcyan"> <tr bgcolor="#778899"> <th>编号</th> <th>名称</th> <th>单价</th> <th>数量</th> <th>金额</th> </tr> </thead> <tbody> <tr> <th>1</th> <th>鞋子</th> <th>800</th> <th>1</th> <th>800</th> </tr> <tr> <th>2</th> <th>裤子</th> <th>200</th> <th>1</th> <th rowspan="2">3800</th> </tr> <tr> <th>3</th> <th>上衣</th> <th>1800</th> <th>2</th> </tr> <tr> <th>4</th> <th>袜子</th> <th>50</th> <th>20</th> <th>1000</th> </tr> </tbody> <tfoot> <tr> <th colspan="3">总计</th> <th>24</th> <th>5600</th> </tr> </tfoot> </table> <form action="" method="" name="regedit"> <p> <label for="username">姓名</label> <input type="text" id="username" name="username" placeholder="用户名不超过8个字符"> </p> <p> <label for="password">密码</label> <input type="password" id="password" name="password" placeholder="8-16位英文"> </p> <p> <label for="email">邮箱</label> <input type="email" id="email" name="email" placeholder="xxx@xx.com" required> </p> <p> <label for="age">年龄</label> <input type="number" id="age" name="age" min="16" max="99"> </p> <p> <label for="brith">生日</label> <input type="date" id="brith" name="brith"> </p> <P> <label for="select">课程</label> <select name="select" id="select"> <option value="0">请选择</option> <option value="1">php</option> <option value="2">mysql</option> <option value="3">java</option> <option value="4">ajax</option> </select> </P> <p> <label for="sleep">爱好</label> <input type="checkbox" name="chak[]" id ="bc" value="bc"><label>编程</label> <input type="checkbox" name="chak[]" id ="sleep" value="sleep"><label>睡觉</label> <input type="checkbox" name="chak[]" id ="game" value="game"><label>打游戏</label> <input type="checkbox" name="chak[]" id ="book" value="book"><label>看书</label> <input type="checkbox" name="chak[]" id ="tea" value="tea"><label>喝茶</label> </p> <p> <label for="man">性别</label> <input type="radio" id="man" name="sex"><label for="man">男</label> <input type="radio" id="women" name="sex"><label for="women">女</label> <input type="radio" id="middle" name="sex"><label for="middle">两者</label> </p> <p> <label for="text">简介</label> <textarea name="text" id="text" rows="20" cols="20" maxlength="30" placeholder="不超过50个字"></textarea> </p> <input type="submit" name="submit" value="提交1"> <input type="reset" name="reset" value="重置"> <button name="buttom">提交</button> <button name="buttom">ajax</button> </form> <ol> <li>第一个</li> <li>第一个</li> <li>第一个</li> <li>第一个</li> </ol> <ul> <li>第二个</li> <li>第二个</li> <li>第二个</li> <li>第二个</li> <li>第二个</li> </ul> <dl> <dt>主标题</dt> <dd>副标题</dd> </dl> <a href="http://www.php.cn" target="_blank">php</a> <br /> <a href="http://www.baidu.com" target="_parent">百度</a> <img src="00.jpg" alt="随便" width="100px" height="100px"> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
