表单元素和属性

表单

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

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

表单区域：语法：

                         <form></form>

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

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

input标签是最重要的表单元素；

type属性取值不同，可以展现出不同的表单形式；

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

常用类型：type="text"    单行文本输入框

                            password     密码输入框

                            radio     单选框     写name 达到数据互斥；

                             checkbox       复选框

                            button      按钮    

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

                             submit      提交

                                             value属性：默认显示的文本是提交，可以使用value属性改变内容；

                              reset      重置按钮

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

                               image    定义图片形式的提交按钮；

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

                  <input  type="image"  src="图片路径"  alt=“logo图片提交按钮”>

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

 <textarea>     作用：多行文本输入框

<textarea    cols="   "    rows="    "></texttarea>

下拉列表：

<select></select>

select  用于定义下拉列表，下拉列表里面的列表项用option定义；

<select   name="   "    id="    "    size="   "    >

                        <option></option>

<select>

 name  属性：

作用：定义表单元素名称；

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

value属性：

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

readonly属性：（只读）

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

disabled  属性：

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

maxlenyth   属性：

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

selected  属性：

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

size  属性：

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

checked  属性：

在单选框和复选框中 

作用：预先选中该选项；

<form>

       <input>

</form>

form   属性：

              action    属性：数据提交的地址

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

                                              取值：_black   新窗口

                                                         _self      当前窗口（默认值）

method  属性：

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

       取值：get    在地址栏可见

                  post     把数据放在数据流中传递；

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

语法：

     <label   for="id名称"></label>

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

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

轮廓线     

语法：outline：width    style     color;

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

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

outline-style     轮廓线的样式；

           —width    轮廓线宽度；

           —color     轮廓线颜色；

重置元素大小         多行文本域

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

  resize：none ；（不允许用户调整大小）

               both   （默认值）可调整

改变鼠标样式：

语法：cursor ：auto；（默认值）

                          default ；（一个箭头）

                           pointer；（手型）

                           text；（文本光标）

                            move  （移动光标）

显示隐藏：

display：block；显示

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

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

                   visible；显示