Heim > Artikel > Web-Frontend > HTML verwendet Tabellenlayout, um Beispiele für Benutzerregistrierungsformulare zu implementieren
HTML verwendet Tabellenlayout, um Beispiele für Benutzerregistrierungsformulare zu implementieren
- 无忌哥哥Original
- 2018-06-29 10:24:093271Durchsuche
<!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>Das obige ist der detaillierte Inhalt vonHTML verwendet Tabellenlayout, um Beispiele für Benutzerregistrierungsformulare zu implementieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Grundelemente von HTML-FormularenNächster Artikel：Grundelemente von HTML-Formularen