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

HTML <textarea> 标签的 wrap 属性

0 66

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 3学习——animation动画
    2. CSS: 首字母字体变大时下划线不对齐的解决方法
    3. css伪元素用法大全
    4. CSS3知识点整理(三)----变形与动画
    5. css3 2d转换3d转换以及动画的知识点汇总
    6. CSS Sticky Footer: 完美的CSS绝对底部
    7. CSS 3 学习——transform 3D转换渲染
    8. 欲练JS,必先攻CSS——前端修行之路(码易直播)
    9. HTML5 学习总结(二)——HTML5新增属性与表单元素
    10. CMS模板应用调研问卷

    衣食父母

    最近热帖

    1. 不带插件 ,自己写js,实现批量上传文件及进度显示 5
    2. 连载《一个程序猿的生命周期》-《发展篇》 - 10.欠薪的高薪和稳定的相对低薪,你会选择哪个? 6
    3. android网页分享到朋友圈问题求助? 6
    4. vue实现标签云效果 6
    5. 如何在前端模版引擎开发中避免使用eval函数 6
    6. 从String类型字符串的比较到StringBuffer和StringBuilder 6
    7. php利用gd实现图片的边框 6
    8. 谈谈java中遍历Map的几种方法 7
    9. angular之$watch、$watchGroup、$watchCollection 7
    10. ASP.NET MVC5(五):身份验证、授权 7

    随机文章

    1. JavaScript : 浅讲ajax
    2. 【NOIP训练】【Tarjan求割边】上学
    3. Ubuntu之Mysql安装及基本设置
    4. Android 四大组件之再论BroadCast
    5. CSharpGL(38)创建Vertex Buffer Object的情形汇总