> 文档中心 > 表单元素盘点第二弹<form><textarea>元素详细介绍

表单元素盘点第二弹<form><textarea>元素详细介绍


博主有话说:如果有描述错误之处请大家纠正。让我们可以一起学习一起进步。

个人主页:GUIDM主页

内容专栏:干货

此块内容为纯纯的干货,略显乏味枯燥,是笔记向的blog。如果觉得还不错,希望你可以一键三连,一整个大感谢。

 对于表单元素,我感觉真的用处非常大,上一篇blog我盘点了input元素的属性,今天就来盘点一下

效果图:

获得焦点表单元素盘点第二弹<form><textarea>元素详细介绍未获得焦点表单元素盘点第二弹<form><textarea>元素详细介绍


  •  cols属性/rows属性:

规定textarea的可见宽度/高度。

       <!--宽:20字符 高:3行

效果图:

表单元素盘点第二弹<form><textarea>元素详细介绍


  • disabled属性:

禁用文本区,被禁用的文本区既不可用,也不可点击。

    

 效果图:

表单元素盘点第二弹<form><textarea>元素详细介绍


  • form属性:

规定文本区域所属的一个或多个表单。

属性值:必须是同一个文档中的某个元素的id属性。

位于表单之外的文本区域仍是表单的一部分。

   Name:   

效果图:

表单元素盘点第二弹<form><textarea>元素详细介绍


  •  maxlength属性:

规定文本区域的最大长度(以字符来计算)。

       

效果图:

表单元素盘点第二弹<form><textarea>元素详细介绍

就这么长!!!


  • name属性:

文本区域规定名称,用于在JS中对元素进行引用或在表单提交之后,对数据进行引用。

很常规不多说。下一位


  • placeholder属性:

用于描述文本区域预期值的简短提示。

该提示会在文本区域为空时显示,当输入时则会消失。

    

效果图:

前:表单元素盘点第二弹<form><textarea>元素详细介绍后:表单元素盘点第二弹<form><textarea>元素详细介绍


  •  readonly属性:

设置文本区为只读。

在只读的文件中,无法对内容进行修改,但用户可以通过tab键切换到该控件,选取或复制其中的内容。

    

 效果图:

表单元素盘点第二弹<form><textarea>元素详细介绍

一整个就是连光标都没有。


  •  required属性:

设置该属性,文本区域则必填。

    

效果图:按了提交后呈现

表单元素盘点第二弹<form><textarea>元素详细介绍


  • wrap属性:

规定当在表单提交时,文本区域中的文本如何换行。

属性值 描述
soft 当在表单提交时,textarea中的文本不换行。(默认值)
hard

当在表单提交时,textarea在的文本换行。

必须规定cols属性。

    

 感谢大家看到最后,欢迎点赞收藏评论!

 

 

 

 

 

 

 

湖北工具网