表单inputinput

表单 作用：用于收集不同类型的用户输入的信息

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

表单区域：

语法<form></form>

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

表单元素：表单元素是允许用户在表单内容的标签

input标签：是最重要的表单元素 <input type="">

type的取值不同，可以展示不同的表单形式

常用类型：①type=“text” 单行文本输入框

②type=“password” 密码输入框

③type=“radio” 单选框

④type=“checkbox” 复选框

⑤type=“button” 定义按钮

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

⑥type=“submit” 提交按钮

value属性，默认文本是提交，可以使用value修改内容

⑦type=“reset” 重置按钮

value属性，默认文本是重置，可以使用value修改内容

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

src属性，指定图片的路径

alt：指定替换的文本

⑨type=“file” 用于文件的上传

textarea标签：多行文本输入框（文本域），<textarea cols="" rows=""></textarea>

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

rexiaze：none；不允许用户调整大小

both，默认值，允许调大小

<select>定义下拉列表，下拉列表的列表项用option定义

<option value=""></option>

</select>

表单属性：

name属性： 用来定义表单元素的名称，是必需属性。只有设置了name属性，表单元素再提交时才会传递他们的值

value属性：用于输入字段的初始值和按钮上的文字内容

readonly属性：用来规定当前输入字段为只读不能修改

disable属性：规定当前字段是禁用的，被禁用的表单元素不能编辑也不能被提交

maxlength属性：规定输入字段允许输入的最大长度

selected属性：规定在页面加载时预先加载选中的列表项、

size属性：规定下拉列表中可见的选项的个数

checked属性：在单选框和复选框中，预先选中该选项

表单域form属性

action属性：数据提交的地址

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

取值：-black（新窗口）

-self（当前窗口，默认值）

method属性：规定发送表单数据http方法

取值：get 在地址栏可以看见

post 把数据在数据流中传送

-->

<!--

扩大选区范围

< input type="radio" name="" id="">

<lable for=" id名称">

通过lable标签的for属性值与相关元素的id值相绑定

-->

<!--

轮廓线

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

属性：可以指定线的样式，宽度，颜色

-->

<!--

改变鼠标样式

cursor：auto；默认样式

cursor：pointer；手型

cursor：text；文本输入标

cursor：move；移动

-->

<!--

显示隐藏：

display：block；显示

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

visbility：visible；显示

visibility：hidden；隐藏该元素，但是该元素所占的空间还存在