什么是表单？

什么是表单？

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

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

        表单区域:

           语法:

               <from></from>

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

        表单元素:

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

       

        input标签:

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

        语法:

            <input type="类型">

        常用类型:

             1、type="text";

                单行文本输入框

             2、type="password";

                密码输入框

             3、type="radio";

                单选框

             4、type="checkbox";

                复选框、多选框

             5、type="button";

                定义按钮

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

             6、type="submit";

                提交按钮

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

             7、type="reset(重置)";

                重置按钮

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

             8、type="image";

                定义图片形式的提交按钮

                属性:

                    src:指定图片的路径

                    alt:指定替换的文本

            9、type="flie";

                用于文件的上传

           

        textarea标签:

            作用:多行文本输入框

        select标签:

             select用于下拉列表，下拉列表里面的列表项目potion定义。

        name属性:

               作用:定义表单元素名称。

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

        value属性:

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

        readonly属性:

               作用:规定当前输入字段为只读(不能修改)

        disabled属性:

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

        maxlength属性:

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

        selected属性:

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

        size属性:

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

        checked属性:

               在单选框和复合框中

               作用:预先选中该选项

        form属性:

            action属性:数据提交的地址。

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

                 取值:_black 新窗口

                      _self(当前窗口，默认值)

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

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

                       post 把数据在数据流中传送

         扩大选取范围(表单元素的标注)

               语法:<lobel for="id名称"></lobel>

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

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

         轮廓线

            语法：

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

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

-

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

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

               both  允许

    改变鼠标样式

    显示隐藏:

           display:block;显示

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

              visibility:visible;显示

              visibility:hidden;隐藏  隐藏该元素但空间还存在

                        visible:显示
————————————————
版权声明：本文为CSDN博主「m0_74899852」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/m0_74899852/article/details/128053028