HTML 表单 表格 列表

目录

HTML 表单

type=" " 标签

文本域

 密码字段

单选按钮

简单的下拉列表

 提交按钮

 重置

完整代码

HTML 表格

HTML 和表格边框属性

HTML 表格头

HTML无序列表

---

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>