zoukankan      html  css  js  c++  java
  • textarea placeholder文字换行

    要实现这样的效果

    第一反应是直接在placeholder属性值里输入 换行,如:

    <textarea rows="5" cols="50" placeholder="1、textarea
    2、success"></textarea>

    浏览器直接输出了它,类似地输入<br/>也行不通

    解决方法是换成&#10;

    <textarea rows="5" cols="50" placeholder="1、textarea&#10;2、success"></textarea>

    效果立竿见影,&#10;是unicode字符中的换行符。

    另外用js直接设置textarea的placeholder属性值为'1、textarea 2、success'也是可行的

    document.querySelector('textarea').setAttribute('placeholder','1、textarea
    2、success')

    注意:两种方式仅被Chrome浏览器支持(2017-06-06)

    源代码:

    <!DOCTYPE html>
    <html>
    <head>
        <title>textarea placeholder换行</title>
    </head>
    <body>
    <textarea rows="5" cols="50" ></textarea>
    <textarea rows="5" cols="50" placeholder="1、textarea&#10;2、success"></textarea>
    <script type="text/javascript">
        document.querySelector('textarea').setAttribute('placeholder','1、textarea
    2、success')
    </script>
    </body>
    </html>

    BTW,科普一下“换行”和“回车”的区别:

    "回车"(carriage return)和"换行"(line feed)是来源机械英文打字机,"车"指的是纸车,带着纸一起左右移动的模块, 当开始打第一个字之前,要把纸车拉到最右边,上紧弹簧,随着打字, 弹簧把纸车拉回去,每当打完一行后,纸车就完全收回去了,所以叫回车。换行的概念是打字机左边有个"把手 ",往下 扳动一下,纸会上移一行。

  • 相关阅读:
    mallocbrk/mmap
    CMAKE相关
    cmake指定编译器版本及路径
    mmap 详解
    linux——tool 好好工具
    nm C /usr/lib/libstdc++.so.6 | grep runtime_error显示operator=存在
    程序可执行文件分析常用命令
    Linux中多种方法实时记录历史命令(转)
    HTML——CSS的基础语法1
    HTML的正确入门姿势——基本结构与基本标签
  • 原文地址:https://www.cnblogs.com/wangmeijian/p/6953813.html
Copyright © 2011-2022 走看看