html基本标签8：表单标签

第一部分：表单域

标签：<form>(双）

1.功能：定义表单域

2.属性

action

功能：将输入内容提交给服务器

属性值填写服务器地址

第二部分：表单控件

标签 1：<input>(单）

1.功能：定义输入框

2.属性

• type

功能：属性值的取值控制input的类型

属性值；

“text”：input为文本框

例：

“password”：input为密码框，输入内容会加密表示

例：

“radio”：input为单选框

例：

“checkbox”：Input为复选框

例：

“button”：input为普通按钮，通常要搭配js代码使用

例：

“submit”：input为提交按钮

例：

“reset”：input为清空按钮

例：

“file”：input为选择文件按钮，向页面提交一个文件

例：

                                                          

tips:

<form>
    用户名<input type="text">
    <br>
    密码<input type="password">
    <input type="reset">
    <br>
    <input type="submit">
    <br>
    男<input type="radio">
    女<input type="radio">
    <br>
    爱好
    1
    <input type="checkbox">
    2
    <input type="checkbox">
    3
    <input type="checkbox">
    <br>
    <input type="button">
    <br>
    <input type="file">
  </form>

• name
• checked
• id

标签2：<label>

属性

• for

例：

标签3：<select>

属性

• name
• id

子标签：<option>

属性

• value
• selected

例：

标签4：<testarea>;

属性

• name
• id
• cols：决定宽度
• rows：其属性值决定超过几行会出现滚轮

例：

tips：用表单标签来完成服务器的一次交互