HTML表单

表单：

HTML 表单用于搜集不同类型的用户输入。

< form> 元素定义 HTML 表单

form属性：

action 表示表单的提交地址，一般提交到服务端的地址

method 表示表单的提交方式，有两种值 get/post

get提交方式在地址栏可以看到表单提交的数据，不安全。地址栏提交数据长度有限制。

post提交方式地址栏看不到表单数据，相对安全。提交的数据理论上没有长度限制。

(1)表单元素：

表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。

input元素：

–type:text 表示文本框，如用户名，邮箱，手机号

–type:password 表示密码框

–type:radio 单选按钮，name属性值必须一样，必须提供value值，单选按钮 默认选中 checked属性

–type:checkbox 复选框

–type：file 文件域，上传图像，文件

文本域 textarea rows 表示行数 cols 表示列数

隐藏域，一般传参使用，客户端看不到：type：hidden

下拉列表：select name=""
option value="" selected=“selected”(默认选中)

普通按扭-一般和脚本一起使用:
< input type=“button” value=“单击看看” οnclick=“javascript:alert(‘这是普通按扭’);”/>

图像按扭-可以提交表单: 可用可不用
<input type=“image” src=“img/button_1.jpg” class=“bimg”/xbr >

fieldset表单边界 legend 边界名称

最重要的表单元素是 < input> 元素
< select> 元素定义下拉列表
< option> 元素定义待选择的选项。
< textarea> 元素定义多行输入字段（文本域）
< button> 元素定义可点击的按钮

表单元素< input>：
< input> 不同的 type 属性，可以变化为多种形态。

属性值	描述
text	定义单行的输入字段，可输入文本。默认宽度为 20 个字符。
password	定义密码字段。该字段中的字符被掩码。
radio	定义单选按钮。
checkbox	定义复选框。
file	定义输入字段和 "浏览"按钮，供文件上传。
hidden	定义隐藏的输入字段。
submit	定义提交按钮。提交按钮会把表单数据发送到服务器。
reset	定义重置按钮。重置按钮会清除表单中的所有数据。
image	定义图像形式的提交按钮。
button	定义可点击按钮（多数情况下，用于通过 JavaScript 启动脚本）。

(2.)文本框、密码框：

文本框：< input type=“text” id="" name="" value="" placeholder=“请输入内容”>
密码框：< input type=“password” id="" name="" value="">

(3.)单选框、复选框：

单选框：< input type=“radio” id="" name=“sex” value="" checked=“checked”>男
< input type=“radio” id="" name=“sex” value="">女

复选框：< input type=“checkbox” id="" name=“course” value="">HTML
< input type=“checkbox” id="" name=“course” value="">
< input type=“checkbox” id="" name=“course” value="">

(4)下拉框：

下拉框：< select id="" name="">
< option value="">HTML< /option>
< option value="">CSS< /option>
< option value="">MySQL< /option>
< /select>

(5)文本域：

文本域：< textarea rows=“4” cols=“50”>说点什么…< /textarea>

(6)表单元素中的常用属性：

checked：表示默认勾选单选框、复选框。
selected：表示默认选中的下拉列表节点。
placeholder：表示文本框为空时默认显示的文字。
readonly：表示该输入框为只读。
disabled：表示文档加载时禁用元素。
required：表示该元素是必须字段，不能为空。