twitter-bootstrap - Bootstrap textarea 在文本字段中添加空格字符

Question

我正在使用 Bootstrap 3 RC1。我遇到的问题是 textarea - 当页面加载时，它会在 texarea 中添加 3 个空格，最终使占位符文本不可见，除非我手动删除空格。

我该如何阻止这种情况发生？

HTML

<form id="noteSubmitForm">
  <fieldset>
    <textarea id="note-text" rows="6" placeholder="Add a note" class="form-control">
    </textarea>
    <div class="form group">
      <button id="noteSubmitButton" type="submit" class="btn btn-success btn-custom">
        Save Note
      </button>
    </div>
  </fieldset>
</form>

CSS

textarea#note-text {
  width: 625px !important;
}

Answer 1

我该如何阻止这种情况发生？

正如您现在所拥有的那样，在您的 textarea 标签之间没有空格：

    <textarea id="note-text" rows="6" placeholder="Add a note" …&gt;
    </textarea>

有一个换行符（直接在开头的第一个换行符会被浏览器忽略），然后在结束标记之前有空格，所以这些也是 textarea 的值内容的一部分，因为这就是 a 的内容textarea 写在开始标签和结束标签之间。

如果您不想要内容 - 不要将内容放在那里：

<textarea …&gt;</textarea>