使用 javascript 创建 HTML 表单 - 带空格的文本输入

Question

我正在使用 javascript (backbone) 来填写 HTML 表单模板。该表单是一个编辑表单，因此将使用现有值填充。

不幸的是，当我浏览表单时，文本输入的值会被截断。例如，假设该字段的值应填充“hello world” - 但表单仅显示空格之前的单词（hello），实际来源看起来像这样（注意它认为 world 是一个属性）：

<input type="text" name="name" id="name" value="hello" world="">`

我不是 HTML/Javascript 专家。有谁知道我如何逃避输入？

这是生成该表单的模板文本：

我不是 HTML/Javascript 专家。有谁知道我如何逃避输入？

这是生成该表单的模板文本：

 <h1>Edit activity</h1>
  <form id="edit-activity" name="activity">
   <div class="field">
    <label for="name"> name:</label>
    <input type="text" name="name" id="name" value=<%= name %> >
   </div>
   <div class="actions">
     <input type="submit" value="Update Activity" />
   </div>
  </form>
  <a href="#/index">Back</a>

Answer 1

<input type="text" name="name" id="name" value=<%= name %> >

你的问题就在这里。试试这个

<input type="text" name="name" id="name" value="<%= name %>" >

发生的事情是你基本上是在做这个标记：

<input type="text" name="name" id="name" value=hello world >

没有"s，浏览器会将世界值解释为一个属性。将引号放在那里不会对其产生不利影响，并且当您考虑它时，它会以这种方式工作是有道理的。