前端基础篇-深入了解 HTML 表格标签、表单标签和表单项标签
HTML表格标签:
<table>
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr>
<td>张三</td>
<td>28</td>
</tr>
<tr>
<td>李四</td>
<td>32</td>
</tr>
</table>
HTML表单标签:
<form action="/submit" method="post">
<label for="username">用户名:</label>
<input type="text" id="username" name="username">
<br>
<label for="password">密码:</label>
<input type="password" id="password" name="password">
<br>
<input type="submit" value="提交">
</form>
HTML表单项标签:
<input type="text" name="fullname" />
<input type="password" name="password" />
<input type="radio" name="gender" value="male" /> 男
<input type="radio" name="gender" value="female" /> 女
<input type="checkbox" name="interest" value="reading" /> 阅读
<input type="checkbox" name="interest" value="gaming" /> 游戏
<select name="country">
<option value="china">中国</option>
<option value="usa">美国</option>
<option value="japan">日本</option>
</select>
<textarea name="comments" rows="5" cols="40"></textarea>
以上代码展示了如何使用HTML创建表格、表单以及表单中常用的输入项,如文本框、密码框、单选按钮、复选框、选择列表和文本区域。这些标签是Web开发中构建交互式表单页面的基础。
评论已关闭