实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>网站注册页面</title> </head> <body> <form action="" method="post"></form> <table border="0" cellpadding="0" cellspacing="8" align="center" width="400" bgcolor="#c0edb7"> <caption><h2>用户注册页面</h2></caption> <tr><td colspan="2"><hr></td></tr> <tr align="center"> <td align="right"><label for="email">邮箱:</label></td> <td align="left"><input type="text" id="email" name="email" placeholder="XXXXX@.com" size="40"></td> </tr> <tr align="center"> <td align="right"><label for="password">密码:</label></td> <td align="left"><input type="password" id="password" name="password" placeholder="请输入数字+字母并且不少于8位" size="40"></td> </tr> <tr align="center"> <td align="right">性别:</td> <td align="left"> <input type="radio" name="sex" value="male">男 <input type="radio" name="sex" value="nvde">女 <input type="radio" name="sex" value="baomi" checked="">保密 </td> </tr> <tr align="center"> <td align="right">兴趣:</td> <td align="left"> <input type="CheckBox" name="hobby[]" value="game">玩游戏 <input type="CheckBox" name="hobby[]" value="shuijiao">睡觉 <input type="CheckBox" name="hobby[]" value="diaoyu" >钓鱼 <input type="CheckBox" name="hobby[]" value="dangong" checked="">弹弓 <input type="CheckBox" name="hobby[]" value="paoniu">泡妞 </td> </tr> <tr align="center"> <td align="right">级别:</td> <td align="left"> <select name="level"> <option value="0">我是一级用户</option> <option value="1">我是二级用户</option> <option value="2" selected="">我是三级用户</option> <option value="3">我是四级用户</option> </select> </td> </tr> <tr align="center"> <td align="right"><label for="file">头像:</label></td> <td align="left"><img src="img/1.jpg" alt="头像" width="20"><input type="file" id="file" name="file" accept="img/*"></td> </tr> <tr align="center"> <td align="right"><label for="jieshao">简介:</label></td> <td align="left"><textarea name="jieshao" id="jieshao" cols="30" rows="10" placeholder="这里是输入简介的哦"></textarea></td> <tr> <td colspan="2" align="center"><hr> <input type="submit" id="submit" name="submit" value="提交"> <input type="submit" id="submit" name="submit" value="重置"> </td> </tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
