实例
<!DOCTYPE html> <html > <head> <meta charset="UTF-8"> <title>表单标签及多媒体标签</title> </head> <body> <!-- 文本框 --> <form action="#" method="GET"> <div> <label for="yhm">用 户 名</label> <input type="text" size="35" id="yhm" placeholder="请输入用户名并保证输入数据不少于6位"> </div> <!-- 密码框 --> <div> <label for="mima">密 码</label> <input type="password" id="mima" size="35" placeholder="请输入密码尽可做到英文字母组合"> </div> <!--简写密码框 --> <div> <label >确认密码 <input type="password" size="35" placeholder="请输入密码尽可做到英文字母组合"></label> </div> <!-- 单选按纽 name值必须一致进行编组，才能实现单选的目的,checked为默认值--> <div> <input type="radio" name="xingbie" value="lan" id="gender" > <label for="gender">男</label> <input type="radio" name="xingbie" value="nu" id="nu" checked> <label for="nu">女</label> </div> <!-- 复选框 name值最好用数组方式--> <input type="checkbox" name="aihao[]" value="game" id="game" checked> <label for="game">打王者荣耀</label> <input type="checkbox" name="aihao[]" value="smoke" id="smoke"> <label for="smoke">抽中华爱我中华</label> <!-- 下拉列表 （名和值分开写） --> <div> <label for="edu">你的现行学历</label> <select name="xueli" id="edu" value="4"> <option value="1">幼儿园</option> <option value="2">初中</option> <option value="3">小学</option> <option value="4">高中</option> </select> </div> <!-- 文本域 --> <div> <label for="liuyan">留言</label> <textarea name="comman" id="liuyan" cols="30" rows="10" placeholder="留言字数不超过200字"></textarea> </div> <!-- 提交按纽 submit按纽要起作用必须在同一个表单中 --> <input type="submit" value="注册"> <input type="submit" value="重置"> <button>提交</button> <!-- 提交不起作用，用type="button" --> <button type="button">不起作用的提交</button> </form> <img src="https://gss0.bdstatic.com/-4o3dSag_xI4khGkpoWK1HF6hhy/baike/w%3D268%3Bg%3D0/sign=3e38a722bede9c82a665fe8954bae737/63d0f703918fa0eca49a27162b9759ee3d6ddb48.jpg" width="200px" height="250" alt="大龄美女林志玲"> <br><video src="http://dl620.80s.im:920/1901/狗十三/狗十三.mp4" controls="controls" width="400" ></video> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例