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

Question

我想在我的 html 占位符中有一个 code/json 的格式化片段。
我希望占位符按照我在 html.

中的方式进行格式化

即

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

如何？

Answer 1

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

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

Answer 2

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

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

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

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

how to place formatted code in a placeholder in an html

html

javascript

css

placeholder

pre