JavaScriptを使用してHTMLフォームを作成する - 空白を含むテキスト入力

Question

私は、HTMLフォームテンプレートを記入するためにJavaScript（バックボーン）を使用しています。フォームは編集フォームなので、既存の値が入力されます。

フォームを参照すると、テキスト入力の値が切り捨てられてしまいます。たとえば、フィールドの値に "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 %>" > 

何が起こっている：" Sなし

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

、ブラウザは属性として世界値を解釈しています。引用符を置くことはそれに悪影響を及ぼさず、それについて考えるとき、それがなぜそのように機能するのかはわかります。