效果图
代码：
实例
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>3月19日作业-用户注册表单</title> </head> <body> <form action="" method="post"> <table width="600" border=0 cellpadding="10" bgcolor="#c4e1ff"> <caption><h2>用户注册</h2></caption> <tr> <td colspan="2"><hr></td> </tr> <tr> <td width="60"> <label for="name">邮箱：</label> </td> <td width="300"> <input type="text" id="name" name="email" value="" placeholder="example@163.com" size="30"> </td> </tr> <tr> <td> <label for="password">密码：</label> </td> <td> <input type="text" id="password" name="password" value="" placeholder="字母和数据组合，不少于8位。" size="30"> </td> </tr> <tr> <td>性别：</td> <td> <input type="radio" name="sex" value="male">男 <input type="radio" name="sex" value="female">女 <input type="radio" name="sex" value="secret" checked>保密 </td> </tr> <tr> <td>爱好：</td> <td> <input type="checkbox" name="happy[]" value="html">HTML <input type="checkbox" name="happy[]" value="css">css <input type="checkbox" name="happy[]" value="javascript">JavaScript <input type="checkbox" name="happy[]" value="php" checked>PHP </td> </tr> <tr> <td>级别：</td> <td> <select name="level"> <option>菜鸟小白</option> <option selected>初出茅庐</option> <option>绝世高手</option> <option>哥是传说</option> </select> </td> </tr> <tr> <td>头像：</td> <td> <img src="../images/0319.png" height="30"> <input type="file" name="photo" accept="images/*"> </td> </tr> <tr> <td valign="middle"> <label for="comment">简介：</label> </td> <td> <textarea rows="6" cols="60" id="comment" placeholder="遒纪守法，文明上网！"></textarea> </td> </tr> <tr> <td colspan="2"> <hr> <input type="submit" name="submit" value="提交"> <input type="reset" name="reset" value="重填"> </td> </tr> </table> </form> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
手写：
