首页技术文章正文

textarea控件创建文本输入框【前端技术文章】

更新时间:2021-05-20 来源:黑马程序员 浏览量:

1577370495235_学IT就到黑马程序员.gif


当定义input控件的type属性值为text时,可以创建一个单行文本输入框。但是,如果需要输入大量的信息,单行文本输入框就不再适用,为此HTML语言提供了<textarea></textarea>标签。通过textarea控件可以轻松地创建多行文本输入框,其基本语法格式如下:

<textarea cols="每行中的字符数" rows="显示的行数">

    文本内容

</textarea>

在上述代码中,cols和rows为<textarea>标签的必备属性,其中cols用来定义多行文本输入框每行中的字符数,rows用来定义多行文本输入框显示的行数,它们的取值均为正整数。

值得一提的是,除了cols和rows属性外,<textarea>标签还有几个可选属性,分别为disabled、name和readonly,如表1所示。

表1 textarea可选属性

属性属性值描述
name                      由用户自定义                  控件的名称                                                  
readonlyreadonly该控件内容为只读(不能编辑修改)
disableddisabled第一次加载页面时禁用该控件(显示为灰色)



   

猜你喜欢:

::before和::after中双冒号和单冒号有什不同?

HTML5新增form属性有哪些功能?具体应该怎样操作?

在vue中v-for指令中key作用

黑马程序员web前端培训

分享到:
在线咨询 我要报名
和我们在线交谈!