全部 android asp.net C/C++ cshap IOS Java javascript nodejs perl php python ruby web容器 其他 前端 数据库 第三方平台 混合式APP 网络 系统 默认分类

HTML <textarea> 标签的 wrap 属性

0 61

HTML <textarea> 标签的 wrap 属性

wrap 属性

通常情况下,当用户在输入文本区域中键入文本后,浏览器会将它们按照键入时的状态发送给服务器。只有用户按下 Enter 键的地方生成换行。

如果您希望启动自动换行功能(word wrapping),请将 wrap 属性设置为 virtual 或 physical。当用户键入的一行文本长于文本区的宽度时,浏览器会自动将多余的文字挪到下一行,在文字中最近的那一点换行。

wrap="virtual" 将实现文本区内的自动换行,以改善对用户的显示,但在传输给服务器时,文本只在用户按下 Enter 键的地方进行换行,其他地方没有换行的效果。

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

如果把 wrap 设置为 off,将得到默认的动作。

例子

以下面这个例子为例,将 60 个字符的文本输入到一个 40 个字符宽的文本区域内:

word wrapping is  a feature that makes life easier for users.

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

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

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

热忱回答0

  • 加入年费大会员(20每年)
  • 热门标签

    猜你喜欢

    1. css定位流布局
    2. 谈谈一些有趣的CSS题目(十三)-- 巧妙地制作背景色渐变动画!
    3. h5标签基础 table表格标签
    4. HTML5 Canvas玩转酷炫大波浪进度图
    5. 兼容IE6/7/8/9的css3插件
    6. HTML5本地存储 localStorage 和 sessionStorage 的基本用法及属性
    7. Fis3的前端工程化之路[三大特性篇之资源定位]
    8. 对于前端,「微信小程序」其实不美好
    9. 读书笔记:《HTML5开发手册》--现有元素的变化
    10. Fis3的前端工程化之路[三大特性篇之内容嵌入]

    衣食父母

    最近热帖

    1. Linux基础测试--11道题 6
    2. Java中双向链表的代码实现 12
    3. stl_config.h基本宏 7
    4. Struts2框架的基本使用 8
    5. 【WPF】学习笔记(一)——做一个简单的电子签名板 17
    6. 迁移 SQL Server 到 Azure SQL 实战 21
    7. 日期时间插件flatpickr.js使用方法 22
    8. 老司机带你开飞机 一: mssql on linux 安装指导 21
    9. 【代码学习】MYSQL数据库的常见操作 21
    10. 数字图像处理笔记与体会(二)——打开和显示图像 20

    随机文章

    1. WCF学习之旅—第三个示例之三(二十九)
    2. Oracle 在线重定义表分区
    3. macOS安装Solr并索引MySQL
    4. 如何为Azure Service Bus和Azure IoT Hub生成SharedAccessSignature
    5. [Intel Edison开发板] 03、Edison开发IDE入门及跑官方提供的DEMO