textarea placeholder文字換行

時間 2019-11-19

標籤 textarea placeholder 文字換行简体版

原文原文鏈接

要實現這樣的效果javascript

第一反應是直接在placeholder屬性值裏輸入\n換行，如：html

<textarea rows="5" cols="50" placeholder="一、textarea\n二、success"></textarea>

瀏覽器直接輸出了它，相似地輸入<br/>也行不通java

解決方法是換成
瀏覽器

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

效果立竿見影，
是unicode字符中的換行符。spa

另外用js直接設置textarea的placeholder屬性值爲'一、textarea\n二、success'也是可行的3d

document.querySelector('textarea').setAttribute('placeholder','一、textarea\n二、success')

注意：兩種方式僅被Chrome瀏覽器支持（2017-06-06）code

源代碼：htm

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

BTW，科普一下「換行」和「回車」的區別：blog

"回車"（carriage return）和"換行"（line feed）是來源機械英文打字機，"車"指的是紙車,帶着紙一塊兒左右移動的模塊，當開始打第一個字以前，要把紙車拉到最右邊，上緊彈簧，隨着打字，彈簧把紙車拉回去，每當打完一行後，紙車就徹底收回去了，因此叫回車。換行的概念是打字機左邊有個"把手 ",往下扳動一下,紙會上移一行。ip

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。