如何将格式化代码放在 HTML 的占位符中

Question

我想在我的html占位符中有一个格式化的代码/json。
我希望占位符的格式与我在 html 中的方式相同。

即

<textarea rows="9" data-bind="textInput: someVariable" 
class="form-control" 
placeholder=
'e.g.
{
"type": "service_type",
"project_id": "test-237012",        
"client_email": "[e-mail]",
"client_id": "111390682349634407434",
....
}'>   
</textarea>

如何？

Answer 1

您可能还需要添加cols属性。见下文。

<textarea rows="10" cols="50" placeholder='e.g.
{
"type": "service_type",
"project_id": "test-237012",        
"client_email": "[e-mail]",
"client_id": "111390682349634407434",
....
}'></textarea>

Answer 2

重要的部分是在开始标记和结束标记之间不要有任何空格(空格、制表符、换行符(。任何空格都会阻止占位符显示。

<textarea
attribute1="value1"
attribute2="value2"
...
></textarea>

当占位符文本被截断时，您可以使用cols和rows属性，也可以为文本区域定义具有height和width属性的 CSS 样式。