什么是表单

什么是表单？

作用：用于搜集不同类型的用户输入的信息

表单的组成：表单元素、表单区域

表单区域：

语法：<form></form>

作用：定义html的表单区域。实现用户信息的收集和传递。

表单元素：

表单元素是允许用户在表单中输入内容的标签

input标签：是最重要的表单元素。type属性取值不同，可以展现出不同的表单形式

语法：<input type=”类型”>

常用类型：

type=”text”;单行文本输入框

type=“password”；密码输入框

type=“radio”；单选框

type=“checkbox”；多选框（复选框）

type=“button”；定义按钮

value属性：定义按钮里面显示的文本

type=“submit”；提交按钮

value属性：默认显示文本是“提交”可以使用value属性修改里面的内容

type=“reset”；重置按钮

value属性：默认显示文本是“重置”可以使用value属性修改里面的内容

type=“image”；定义图片形式的提交按钮

属性：src:指定图片的路径 alt:指定替换的文本

9、type=“file”；用于文件上传

textarea标签：<textarea cols=”10” rows=”5”></textarea>

作用：多行文本输入框

select标签：select用于定义下拉列表，下拉列表里面的列表项用option定义

表单元素的属性：

name属性：

作用：定义表单元素名称

注意：name属性是必须属性，只有设置了name属性表单元素在提交的时候才会传递他们的值

value属性：

作用：用于输入字段的初始值和修改按钮上的文字内容

readonly属性：

作用：规定当前输入字段为只读（不能修改）

disabled属性：

作用：规定当前字段是禁用的。被禁用的表单元素不能编辑也不能被提交

maxlength属性：

作用：规定输入字段允许输入的最大长度

selected属性：

作用：规定页面在加载时预先加载选中的列表项

size属性：

作用：规定下拉列表中可见的选项的个数

checked属性：在单选框和复选框中

作用：预先选中该选项

form属性：

action属性：数据提交的地址

target属性：设置目标地址的打开方式

取值：_black新窗口 _self当前窗口（默认值）

method属性：

作用：规定发送表单数据http方法

取值：get：在地址栏可以看见 post：把数据在数据流中传递

扩大选区范围、表单元素的标注

语法：<label for=””></label>

<input type=”radio” name=”six” id=”id名称”>

通过label标签的for属性值与相关元素的id值实现绑定。

轮廓线outline

轮廓线：围绕在元素周围的一条线。位于边框边缘的外围，可以起到突出元素的作用。

轮廓线属性可以指定线的样式、宽度、颜色

outline-style: ; outline-width: ; outline-color: ;outline-offset: ;

重置元素大小

textare:文本域可以让用户通过鼠标改变元素大小

resize:none;不允许用户调整大小

resize:both;默认值 允许用户调整大小

鼠标样式

改变鼠标样式

cursor:auto;默认值 cursor:default;箭头

cursor:pointer;手型 cursor:text;文本光标

cursor:move;移动

显示隐藏

显示隐藏：

display：block;显示

display：none;隐藏 隐藏该元素，并且该元素所占的空间也不存在了(不占位）

visibility：visible;显示

visibility：hidden;隐藏 隐藏该元素，并且该元素所占的空间也不存在了（占位）