实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>用表格布局来实现用户注册表单</title> </head> <body> <form action="" method="post"> <table border="0" cellpadding="5" cellspacing="0" align="center" width="400" bgcolor="powderblue"> <caption><h2>用户注册</h2></caption> <tr> <td colspan="2"><hr></td> </tr> <tr> <td align="right"><label for="email">邮箱：</label></td> <td align="left"><input type="text" id="email" name="email" placeholder="example@php.cn" size="30"></td> </tr> <tr> <td align="right"><label for="password">密码：</label></td> <td align="left"><input type="password" id="password" name="password" placeholder="请输入6-16位数字+字母" size="30"></td> </tr> <tr> <td align="right">性别：</td> <td align="left"> <input type="radio" id="sex" name="sex" value="1">男 <input type="radio" id="sex" name="sex" value="2">女 <input type="radio" id="sex" name="sex" value="0" checked="">保密 </td> </tr> <tr> <td align="right">兴趣：</td> <td align="left"> <input type="checkbox" name="habby[]" value="html">html <input type="checkbox" name="habby[]" value="css">css <input type="checkbox" name="habby[]" value="javascript">javascript <input type="checkbox" name="habby[]" value="php" checked>php </td> </tr> <tr> <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> </select> </tr> <tr> <td align="right"><label for="photo">头像：</label></td> <td align="left"><input type="file" id="photo" name="photo" accept="image/*"></td> </tr> <tr> <td align="right"><label for="comment">说明：</label></td> <td align="left"> <textarea rows="5" cols="40" id="comment"></textarea> </td> </tr> <tr> <td colspan="2" align="center"> <input type="submit" name="submit" value="提交"> <input type="submit" name="submit" value="重填"> </td> </tr> </table> </form> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
