input placeholder可以换行吗

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了input placeholder可以换行吗相关的知识，希望对你有一定的参考价值。

可以换行，但换行要用回车键。
Word 2010文档中的段落是由一定数量的文本、图形及其它符号组成的，其结束标志为段落标记。在输入文字时，不要随便强行换行。
一般情况下，结束一段时，按回车键，这时下一行与上一行之间没有连带关系，即并列关系。在Word 2010中还有一种换行操作方式，就是按上档键加回车键的组合键，这时上、下行之间存在一定的连带关系。文档的默认行距为单倍行距，在输入几个字符时改为两倍行距，直接按回车键换行时，下一行与上一行之间仍然为单倍行距，而使用上档键加回车键的组合键换行时，下一行与上一行之间将保持为两倍行距。 参考技术A 顾名思义是一个占位符。
在你的value为空的时候他才会显示出来，但是他本身并不是value，也不会被表单提交。顾名思义是一个占位符。
在你的value为空的时候他才会显示出来，但是他本身并不是value，也不会被表单提交。本回答被提问者和网友采纳

js实现 textArea 的 placeholder 换行

今天写textarea的placeholder 换行的方法，网络上找了好多资料，写的不太详细，只好自己写一个demo，现分享给大家。
网络上看到方法大概有jQuery的watermark，这种方法可以在chrome中实现，其他浏览器不可以，所以我选择用js实现以下。
要点：
1,鼠标的焦点事件focus与blur;
2,jQuery的input与propertychange事件;
当触发这些事件的时候改变textarea的value值;就这么简单，上代码了,拿下来就能用。

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
        <style>
            textarea {
                width: 675px;
                height: 150px;
                display: block;
                margin-left: 30px;
            }
        </style>
    </head>

    <body>
        <textarea id="text" maxlength="500"></textarea>
        <script>
            var placeholder = ‘1.儿童出行只含车位费，不含住宿费及门票等费用儿童门票不接受预定，请至景区门口自行购买。
2.儿童车票与成人同价，如您的小孩不足80厘米，且不需要占车位，请在选择人数时不要提交儿童人数，如身高为80厘米以上的儿童必须提交儿童人数。
3.如您的小孩身高超过120厘米请直接选择成人价，景区对特定人群有门票优惠政策参考温馨提醒‘;
            $(‘#text‘).val(placeholder).css({
                color: ‘#ccc‘
            });
            $(‘#text‘).focus(function() {
                if($(this).val() == placeholder) {
                    $(this).val(‘‘).css({
                        color: ‘#ccc‘
                    })
                } else {
                    $(this).css({
                        color: ‘#333‘
                    })
                }
            });
            $(‘#text‘).blur(function() {　　
                if($(this).val() == ‘‘) {　　
                    $(this).val(placeholder).css({
                        color: ‘#ccc‘
                    })
                }
            });
            $(document).on(‘input propertychange‘, ‘#text‘, function(event) {
                if($(this).val() == placeholder) {
                    $(this).val(‘‘).css({
                        color: ‘#ccc‘
                    })
                } else if($(this).val() == "") {
                    $(this).val(placeholder).css({
                        color: ‘#ccc‘
                    }).blur();
                } else {
                    $(this).css({
                        color: ‘#333‘
                    })
                }
            })
        </script>
    </body>

</html>

以上是关于input placeholder可以换行吗的主要内容，如果未能解决你的问题，请参考以下文章

js实现 textArea 的 placeholder 换行

flexbox 可以检测 flex 项目何时换行吗？

如何实现 placeholder自动换行

Java：可以在属性文件中换行吗？

SQL里用concat连接的字符串可以输出换行吗？

span与上一个span不换行