文本框
郝东
157
文本框
<input> 元素的text 类型创建基础的单行文本框,支持的属性如下:
maxlength 文本框能接受的最大字符数。
minlength 文本框能输入的最小字符数,并且仍然被认为是有效的。
pattern 验证文本框内容的正则表达式。
placeholder 文本框为空时显示的一个示例值。
readonly 一个布尔属性,指示文本框中的内容是否应该为只读。
size 一个数字,指示文本框有多少个字符宽度。
spellcheck 控制是否可以检查文本框的拼写,或者默认的拼写检查配置是否应该使用。
在使用表单时,例如姓名、年龄字段我们可以使用单行文本框,但是当涉及到描述信息,内容比较多时,单行文本框很有可能放不下所有的内容,这时就需要用到多行文本框。
在 HTML 中,使用 <textarea> 标签来表示多行文本框,又叫做文本域。与其它 <input> 标签不同,<textarea> 标签是单闭合标签,它包含起始标签和结束标签,文本内容需要写在两个标签中间。
具体语法格式如下:
<textarea>文本内容</textarea>
文本域属性
cols 用来指定每行显示的字符数。
rows 用来指定正常情况下(没有滚动条)显示的文本行数。
id 用来定义文本域的唯一 id 属性。
例子:
<textarea name="description">此处是描述信息</textarea>
这样的文本域的右下角有一个收缩按钮,拖拽按钮可以手动改变文本域的宽高。这个按钮默认显示,也可以隐藏,用到 style="resize:none;"。