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" …>
    </textarea>

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

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

<textarea …></textarea>

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

1 个答案: