实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>用户注册</title> </head> <body> <form action="" method="post"> <table cellspacing="0" cellpadding="8" align="center" width="400" bgcolor="lightgreen"> <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" name="email" id="email" placeholder="请输入您的邮箱" size="30"></td> </tr> <tr align="center"> <td align="right"><label for="password">密码:</label></td> <td align="left"><input type="password" name="password" id="password" placeholder="密码不少于6位" size="30"></td> </tr> <tr align="center"> <td align="right">性别:</td> <td align="left"> <input type="radio" name="sex" value="male" checked>男 <input type="radio" name="sex" value="female">女 <input type="radio" name="sex" value="shemale">人妖 </td> </tr> <tr align="center"> <td align="right">兴趣:</td> <td align="left"> <input type="checkbox" name="hobby[]" value="reading">阅读 <input type="checkbox" name="hobby[]" value="writing">写作 <input type="checkbox" name="hobby[]" value="programming">编程 <input type="checkbox" name="hobby[]" value="running" >跑步 </td> </tr> <tr align="center"> <td align="right">年龄:</td> <td align="left"> <select name="age"> <option value="0">20岁以下</option> <option value="1" selected>20岁到40岁</option> <option value="2">40岁到60岁</option> <option value="3">60岁以上</option> </select> </td> </tr> <tr align="center"> <td align="right"><label for="photo">头像:</label></td> <td align="left"> <img src="http://cloud.zhibo1314.com/photo.jpg" alt="" width="30"> <input type="file" name="photo" id="photo" accept="image/*"> </td> </tr> <tr align="center"> <td align="right"><label for="comment">简介:</label></td> <td align="left"> <textarea name="comment" id="comment" cols="30" rows="5" placeholder="用几句话简单地介绍一下你自己"></textarea> </td> </tr> <tr> <td colspan="2" align="center"> <hr> <input type="submit" name="submit" value="提交"> <input type="reset" name="reset" value="清空"> </td> </tr> </table> </form> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
运行结果:
手抄代码: