作业代码
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>实战用户注册表</title> </head> <body> <form action="" method="post"> <table border="0" cellspacing="0" cellpadding="8" align="center" width="400" bgcolor="powderblue"> <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="example@sina.com" ></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位" ></td> </tr> <tr align="center"> <td align="right">性别:</td> <td align="left"><input type="radio" name="sex">男 <input type="radio" name="sex">女 <input type="radio" checked="">保密 </td> <tr> <td align="right">性趣:</td> <td><input type="checkbox" name="hobby[]" value="football">足球 <input type="checkbox" name="hobby[]" value="game">游戏 <input type="checkbox" name="hobby[]" value="movie">电影 <input type="checkbox" name="hobby[]" value="swim">游泳</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">还可以</option> <option value="3">大神级别</option> <option value="4">大神中的大神</option> </select> </td> <tr> <td align="right"> <label for="photo">头像:</label></td> <td><img src="../images/13.jpg" width="20"><input type="file" id="photo" name="photo" accept="image/*"> </td> </tr> <tr> <td align="right">邮箱: </td> <td> <textarea rows="5" cols="40" placeholder="文明上网理性发言"></textarea> </td> </tr> <tr> <td colspan="2" align="center"> <hr> <input type="submit" name="submit" value="提交"> <input type="submit" name="reset" value="重填"> </td> </tr> </table> </form> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例