Javascript 输入值属性未在搜索栏上显示全文

我的代码是一个使用Flask（python）框架的web应用程序，我在HTML5上实现了这个搜索栏，我希望在页面加载后，为搜索输入的文本出现在搜索栏上；如下所示（其中{query}}是Jinja2传递的变量）：

问题是，只有在显示第一个空格之前的文本，其余的文本被截断，因此“This is a example”将在搜索栏中显示“This”。如果我传递一个正则字符串而不是变量，那么它就可以正常工作

{{query}}是unicode类型的，如果这很重要的话，我尝试过用几种方法格式化它，但都没有用，有什么解决方法吗

---

我还考虑过从登录页搜索栏html中将变量保存为Javascript，但我对Javascript还不熟悉，如有任何建议，将不胜感激

我希望您必须将占位符用双引号括起来：

<input class="search_input" name="q" tabindex="1" type="text" value="{{query}}">

否则，替换的html代码将是

<input class="search_input" name="q" tabindex="1" type="text" value=text with whitespace>

---

普通的html呈现程序会将其解析为一个输入元素，该元素具有属性

value

、

with

和

whitespace

，后两个元素没有值，而

value

的值是

text

。请注意，大多数html呈现器都可以容忍未定义的属性，并且标准中涵盖了无值属性（因为省略了双引号）。

我希望您必须将占位符用双引号括起来：

<input class="search_input" name="q" tabindex="1" type="text" value="{{query}}">

否则，替换的html代码将是

<input class="search_input" name="q" tabindex="1" type="text" value=text with whitespace>

---

普通的html呈现程序会将其解析为一个输入元素，该元素具有属性

value

、

with

和

whitespace

，后两个元素没有值，而

value

的值是

text

。请注意，大多数html呈现器都可以容忍未定义的属性，并且标准中涵盖了无值属性（因为省略了双引号）。

感谢您的支持！为什么你要用双引号把它括起来？请看附加的解释。谢谢，这很好用！为什么要用双引号括起来？请参阅附加的说明。