HTML表单

表单

用于不同类型的用户输入数据，发送给服务器，实现用户与服务器之间的数据交互；

form 标签

：声明表单定义采集数据的范围，一个页面中可以有多个form标签，单个标签之间互相独立，不能嵌套；

格式：<form action="提交表单内容提交给谁" method="GET/POST " name="表单名称">表单元素</form>

method属性：规定提交表单时使用的HTTP方法；

GET方式：（默认提交方式）将数据作为URL地址的一部分发送给服务器，请求数据可以缓存，会在浏览器的历史记录中保存，安全性低，有长度限制（也就是会以明码的方式提交）；

POST方式：将数据隐藏在HTTP数据流中进行的传输，请求数据不会被缓存，也不会在浏览器的历史记录中保存，更不会作为书签被收藏，比GET方式的安全性高，没有长度限制；

input 标签

单行文本输入框：

<input type="text" name="username" value="">

密码输入框：

<input type="password" name="password" ralue="">

单选按钮：允许用户在多个选项中选择一个。

<input type="vadio" name="" value="">

复选按钮：允许用户自多分选择中选择0个或者多个；

<input type="checkbox" name="" value="">

提交按钮：

<input type="submit">

重置按钮：

<input type="reset" value="重置">

普通按钮：

上传文件：想要实现后台上传文件，需要在form标签中添加enctype属性；

<form enctype="mulipart/form-data">
<input type="file">

图片按钮：input必须与src属性、alt属性配合使用；

<input type="img" scr="图片路径" alt="替换文本">

下拉菜单（select）：
属性：用于下来列表的默认选中可以写selected="selected"或者直接写selected

<selected>
	<option value="北京市">北京市</option>
</selected>

对用户不可见：

<input type="hidden" value="值">隐藏字段

多行文本域：用于留言板，需要输入大量文本的位置；

 <textarea name="" cols="" row="10">
    cols属性：一行最多可以输入多少字符；
    row属性：行数；

补充：

checked属性：用于单选按钮，he复选框的默认选中，可以在input元素中直接写checked或者selected=“selected”
readorly属性：只读，不能修改；
disabled属性：禁用input元素，被禁用的元素不可用，不可点击，不可被提交；
maxlength属性：允许输入的最大长度（最多字符数）；
size属性：控制元素的长度（input的长度）；
placeholder属性：文本的提示信息；