HTML 表单表格列表

最新推荐文章于 2024-03-31 14:25:55 发布

mio_SG

最新推荐文章于 2024-03-31 14:25:55 发布

阅读量1.5k

点赞数

文章标签： html 前端

本文链接：https://blog.csdn.net/YOUEZ/article/details/121633523

版权

本文详细介绍了HTML中的表单元素，包括文本域、密码字段、单选按钮、下拉列表以及提交和重置按钮的用法。此外，还讨论了HTML表格的创建，如边框属性、表头和无序列表的实现，为前端开发者提供了全面的HTML表单和表格知识。

摘要由CSDN通过智能技术生成

HTML 表单

HTML 表单用于搜集不同类型的用户输入，简而言之，就是用来搜集用户数据的。

HTML表单都是存在于<form ></form>标签里面的。

表单元素。
表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。
这些东西都具有一个交互性的特点。

type=" " 标签

<input type=“text”> 定义用于文本输入的单行输入字段：表单本身并不可见。还要注意文本字段的默认宽度是 20 个字符
<input type=“radio”> 定义单选按钮。
<input type=“submit”> 定义用于向表单处理程序提交表单的按钮。表单处理程序在表单的 action 属性中指定：比如<form action=“action_page.php”>
<input type=“checkbox”> 定义正方形复选框

文本域

文本域输入类型="input type="text">标签来设置，当用户要在表单中键入字母、数字等内容时，就会通过<文本域。

 <caption><img src="images/logo.png" width="85" height="85" alt=""><b>用户注册</b></caption>

密码字段

密码字段通过标签<input type="password">来定义

  <tr>

                    <th class="th">登陆密码：</th>

                    <td class="input"><input type="password" placeholder="请输入您的密码！" class="txtbox"></td>

                </tr>

                <tr>

                    <th class="th">重复密码：</th>

                    <td class="input"><input type="password" placeholder="请确认您的密码！" class="txtbox"></td>

                </tr>

单选按钮

<input type="radio"> 标签定义了表单单选框选项

 <tr>

                    <th class="th">性别：</th>

                    <td class="input"><input type="radio" name="sex">男 <input type="radio" name="sex">女

                </tr>

简单的下拉列表

<select> 标签用来创建一个下拉列表，<option> 标签表示下拉列表中的每一项

 <tr>

                    <th class="th">职业：</th>

                    <td class="input"><select class="txtbox">

                        <option value="学生">学生</option>

                        <option value="老师">老师</option>

                        <option value="家长">家长</option>