Maison > Article > interface Web > HTML utilise la disposition des tableaux pour implémenter des exemples de formulaires d'inscription des utilisateurs
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>:用表格布局来实现用户注册表单</title> </head> <body> <form action="" method="post"> <table border="0" cellspacing="0" cellpadding="8" width="400" bgcolor="powderblue"> <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="name" value="" placeholder="example@mail.com" size="30" width="200"></td> </tr> <tr> <td><label for="password">密码:</label></td> <td><input type="text" id="password" name="name" value="" placeholder="字母+数字不少于10位" size="30"></td> </tr> <tr> <!-- 如何设置label标签,点击时会导致第一个控件被选中 --> <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[align="center"]>(td>label[for="level"]{级别:}+td>select[id="level" name="level"]>option[value=""]*3) --> <tr> <td><label for="level">级别:</label></td> <td> <select name="level" id="level"> <option value="">我是零基础的小白啦</option> <option value="" selected="">已经入门啦</option> <option value="">做过一些项目</option> <option value="">已经是大神级别</option> </select> </td> </tr> <tr> <td><label for="photo">头像:</label></td> <td> <img src="../images/13.png" height="30"> <input type="file" id="" name="photo" accept="image/*"> </td> </tr> <tr> <td valign="middle"><label>简介:</label></td> <td><textarea name="comment" id="comment" rows="5" cols="40" 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>
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!