关注联楷|返回首页 | 网站案例 | 帮助中心

合作共赢、快速高效、优质的网站建设提供商

上海网站建设 

服务热线:021-61394118

上海联楷科技

html表单多行文本框-制作网站

作者:佚名   时间:2014-04-02   分享到:

制作网站:html表单多行文本框

多行文本框

表单方面的传统类型和隐藏文本的类型限制用户只能输入一行字符。而<textarea>表单标签则将用户从这种限制中解放了出来。

 <textarea>标签作为表单的一部分,<textarea>标签可在用户浏览器的显示中创建一个多行文本输入区域。在此文本输人区内,用户几乎可以输人无限行的文字。提交表单之后,浏览器将把所有行中的文字都收集起来,而且行间用“OD%OA"(回车/换行)分隔,并将它们作为表单元素的值发送给服务器,这个值使用的是必需的name属性中指定的名称。

在<textarea>标签及其结束标签(</textarea>)之间可以包括纯文本。默认文本必须是纯文本,也就是说没有标签或其他特殊元素。用户可以修改其中的内容,如果用户按下表单中的重置按钮,浏览器会使用改过的文本作为默认值。因此,文本内容常用作说明和举例!

rows和COTS属性

多行文本输入框在屏幕上是独立存在的:文本主体内容可以在它的上面和下面显示,但是不会环绕它显示。然而,通过定义可视矩形区域的cols和rows属性便可以控制其维数,这个矩形区域是浏览器专门用来显示多行输入的区域。我们建议读者一定要设置这些属性。通常浏览器都有一个习惯,就是为<}extarea>输人内容设置一个最小的、也就是最少的可读区域,而且用户无法更改它的大小。这两个属性都需要用整数值来表示以字符为单位的维数大小。浏览器会自动翻滚那些超出设定维数的文本。

通常情况下,当用户在输入文本区域中键入文本后,浏览器会将它们按照键入时的状态发送给服务器,只在用户按下Enter键的地方生成换行‘但是用户通常并不希望这样做,因此,可以在文本输人区内启动自动换行(word wrapping)功能。当用户键入的一行文字长干文本区的宽度时,浏览器会自动将多余的文字挪到下一行,在文字中最近的那一点换行。

如果将zrap属性设为virtual,文字将在文本框内实行换行,以便显示给用户,但在传输给服务器时,文字只在用户按了Enter键的地方进行了换行,其他地方则没有换行的效果。

如果将wrap属性设为physical,文本将在文本输入区内实行换行,并以这种形式传送给服务器,就像用户真得是那样键人的。因为文本要以用户在文本区内看到的方式传输给服务器,因此使用自动换行是非常有用的方法。

为了得到默认的动作,要将wrap属性设为off

请考虑下面这个示例,将60个字符的文本输入到一个40个字符宽的文本区域内:

Word wrappping is a feature that makes life easier for users.

如果设置为wrap=off,文本区会包括一行,用户必须将光标移动到右边才能看到全部文本。这时将把一行文本传送给服务器。

如果设置为wrap=virtual,文本区会包含两行文本,并在单词“makes”后面换行。但是只有一行文本被传送给服务器:没有嵌入新行字符的一整行。

如果设置为wrap=physical,文本区会包含两行文本,并在单词“makes”后面换行。这时会发送给服务器两行文本,单词“makes”后的新行字符将分隔开这两行文本。



如没特殊注明,文章均为上海联楷网络原创,转载请注明来自:http://www.linksj.com/contact/20151229/n7276.html

上海联楷网络新闻