代码:
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单</title> </head> <!--用纯HTML代码完成一个用户注册表单,要求用到以下控件: 文本框,密码框,单选按钮,复选框,下拉列表框,文件上传域,文本域,提交按钮与重置按钮。--> <body> <form action="" method="post" > <table border="0" cellspacing="0" cellpadding="8" align="center" bgcolor="yellow"> <tr><td colspan="2"><hr></td></tr> <caption><h2>用户注册</h2></caption> <tr> <td><label for="name">帐号:</label></td> <td align="left"><input type="text" id="name" name="name" value="" placeholder="6~16位长度"></td> </tr> <tr> <td><label for="password">密码:</label></td> <td align="left"><input type="password" name="password" id="password" value="" placeholder="6~16位长度"> </td> </tr> <tr> <td>性别:</td> <td align="left"> <input type="radio" name="xb" value="1">男 <input type="radio" name="xb" value="2">女 <input type="radio" name="xb" value="0" checked>保密 </td> </tr> <tr> <td>爱好:</td> <td align="left"> <input type="checkbox" name="ah[]" value="0">吃零时 <input type="checkbox" name="ah[]" value="1">喝饮料 <input type="checkbox" name="ah[]" value="2">嫖一嫖 <input type="checkbox" name="ah[]" value="3">赌一赌 </td> </tr> <tr> <td>学历:</td> <td align="left"> <select name="学历"> <option value="初中">初中</option> <option value="高中">高中</option> <option value="本科" selected>本科</option> </select> </td> </tr> <tr> <td>头像:</td> <td align="left"><input type="file" name="files"></td> </tr> <tr> <td>介绍:</td> <td align="left"><textarea name="js" id="js" cols="30" rows="4" placeholder="和谐敬业爱国"></textarea></td> </tr> <tr align="center"> <td colspan="2" > <hr> <input type="submit" value="提交"> <input type="reset" value="重置"> </td> </tr> </table> </form> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
手写代码: