代码：
实例
<!doctype html> <html> <head> <meta charset="utf-8"> <title>表单</title> </head> <body> <form action="" method="post"> <table border="0" cellpadding="8" cellspacing="0" align="center" width="400" bgcolor="lightyellow"> <caption><h2>用户注册</h2></caption> <tr> <td colspan="2"><hr></td> </tr> <tr> <td align="right"><label for="mail">邮箱：</label></td> <td><input type="text" id="mail" name="mail" placeholder="example@qq.com" size="30" width="200"></td> </tr> <tr> <td align="right"><label for="password">密码：</label></td> <td><input type="password" id="password" name="password" size="30" placeholder="字母+数字不得少于8位"></td> <tr> <td align="right">面貌：</td> <td><input type="radio" name="zzmm" value="中华人民共和国党员">中共党员 <input name="zzmm" type="radio" value="其他党派">其他党派 <input name="zzmm" type="radio" value="群众">群众</td> </tr> </tr> <tr> <td align="right"><label for="province">籍贯：</label></td> <td> <select name="province" id="province"> <option value="" selected>省份</option> <option value="安徽">安徽</option> <option value="澳门">澳门</option> <option value="北京">北京</option> <option value="重庆">重庆</option> <option value="福建">福建</option> <option value="甘肃">甘肃</option> <option value="广东">广东</option> <option value="广西">广西</option> <option value="贵州">贵州</option> <option value="海南">海南</option> <option value="河北">河北</option> <option value="河南">河南</option> <option value="黑龙江">黑龙江</option> <option value="湖北">湖北</option> <option value="湖南">湖南</option> <option value="吉林">吉林</option> <option value="江苏">江苏</option> <option value="江西">江西</option> <option value="辽宁">辽宁</option> <option value="内蒙古">内蒙古</option> <option value="宁夏">宁夏</option> <option value="青海">青海</option> <option value="山东">山东</option> <option value="山西">山西</option> <option value="陕西">陕西</option> <option value="上海">上海</option> <option value="四川">四川</option> <option value="台湾">台湾</option> <option value="天津">天津</option> <option value="西藏">西藏</option> <option value="香港">香港</option> <option value="新疆">新疆</option> <option value="云南">云南</option> <option value="浙江">浙江</option> </select> </td> </tr> <tr> <td align="right">爱好：</td> <td><input type="checkbox" name="xqah[]" value="读书">读书 <input type="checkbox" name="xqah[]" value="旅游">旅游 <input type="checkbox" name="xqah[]" value="数码">数码</td> </tr> <tr> <td align="right">头像：</td> <td><img src="images/1.jpg" height="25" valign="middle" alt=""><input type="file" id="" name="photo" accept="image/*"></td> </tr> <tr> <td align="right"><label for="jianjie">简介：</label></td> <td><textarea rows="4" cols="30" id="jianjie" name="jianjie" placeholder="先从你喜欢的东西开始，让别人了解你。 " style="padding: 10px;"></textarea></td> </tr> <tr> <td colspan="2" align="center"> <hr> <input type="reset" value="重填"> <input type="submit" value="提交"></td> </tr> <hr> </table> </form> <form action="" method="POST" style="width: 400px; margin:20px auto 20px;"> <fieldset> <legend>用户登录</legend> <p align="center"><label for="email">邮箱：</label><input type="email" id="email" name="email" placeholder="example@qq.com"></p> <p align="center"><label for="psd">密码 :</label><input type="psd" id="psd" name="psd" placeholder="请输入密码！"></p> <hr> <p align="center"><button type="submit">立即登录</button></p> </fieldset> </form> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
代码效果：
手抄作业：奋笔疾书中
