开发者学堂课程【零基础学前端 HTML+CSS :多行文本】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/398/detail/5123
多行文本
内容介绍:
一、多行文本输入框
二、示例
一、多行文本输入框
多行文本输入框用于输入大量的文字信息。用 <textarea> 标签描述,它是双标签。
例:
个人简介:
<textarea name="jianjie" rows="20" cols="80" >
</textarea>
name 属性:指定输入框的名字,自行定义,用英文字母定义即可
rows 属性:指定文本框的行数。
cols 属性:指定文本框的列数。
多行文本应用于邮件正文,或者贴吧的正文都是多行文本的输入框。不是 input 单标签。Rows 设置行,cols 设置列
二、示例
继续上节内容输入代码:
<tr>
<td>
留言 <textarea name="book" >dfasfdsaadsf</textarea>
</td>
</tr>
如果直接在 <textarea> 中输入 dfasfdsaadsf,
则如下 dfasfdsaadsf 会成为默认值
如果不写的话,则留言框默认为空白
在谷歌浏览器中,有自动缩伸的框。在其他浏览器中没有,但如果用html 代码来写,先来设置 cols,
则输入
留言 <textarea name="book" cols="100"></textarea>
其实就是一百个字符
再来设置高,输入
留言
<textarea name="book" cols="100" rows="10"></textarea>