HTML uses table layout to implement user registration form examples-HTML Tutorial-php.cn

HTML uses table layout to implement user registration form examples

无忌哥哥

Release： 2018-06-29 10:24:09

Original

3382 people have browsed it

<!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>

Copy after login

The above is the detailed content of HTML uses table layout to implement user registration form examples. For more information, please follow other related articles on the PHP Chinese website!