实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>用户注册</title> </head> <body> <form action="" method="post"> <table border="0" cellspacing="1" cellpadding="5" align="center" bgcolor="lightyellow"> <caption><h3>用户登记表</h3></caption> <tr> <td colspan="2"><hr></td> </tr> <tr align="center"> <td align="center" width="100"><label for="name">名字：</label></td> <td><input type="text" id="name" name="name" value="" placeholder="张三李四王五" size="35" width="250"></td> </tr> <tr align="center"> <td align="center" width="100"><label for="email">邮箱：</label></td> <td><input type="text" id="email" name="email" value="" placeholder="88888@mail.com" size="35" width="250"></td> </tr> <tr align="center"> <td align="center" width="100"><label for="password">密码：</label></td> <td><input type="password" id="password" name="password" value="" placeholder="字母+数字不少于8位" size="35" width="250"></td> </tr> <tr align="center"> <td align="center" width="100">性别：</td> <td align="left"><input type="radio" name="sex" value="male" size="35" checked="">男 <input type="radio" name="sex" value="famale" size="35">女 <input type="radio" name="sex" value="male" size="35">中性 </td> </tr> <tr align="center"> <td align="center" width="100">技能：</td> <td align="left"><input type="checkbox" name="jineng[]" value="shiwan">十万伏特 <input type="checkbox" name="jineng[]" value="zhuangji">撞击 <input type="checkbox" name="jineng[]" value="jianjiao">尖叫 </td> </tr> <tr align="center"> <td align="center" width="80">等级：</td> <td align="left"> <select name="level" id="level"> <option value="">LV.1</option> <option value="">LV.2</option> <option value="">LV.3</option> <option value="">LV.4</option> <option value="" selected="">LV.5</option> </select> </td> </tr> <tr align="center"> <td align="center" width="80">头像：</td> <td align="left"> <img src="images/2.jpg" height="15" alt=""> <input type="file" id="photo" accept="image/*"> </td> </tr> <tr align="center"> <td align="center" width="80"><label for="comment">说点啥：</label></td> <td align="left"><textarea name="comment" id="comment" cols="40" rows="10" placeholder="你倒是说啊"></textarea></td> </tr> <tr align="center"> <td colspan="2"><hr><input type="submit" name="submit" value="登记"> <input type="reset" name="reset" value="重置"> </td> </tr> </table> </form> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
