Question

我正在开发Flask应用程序。我有一个烧瓶形式，并且我试图仅对输入字段的一部分进行着色。我的想法是，我将获得两个索引，分别代表需要着色的输入字段中子字符串的开始和结束。

我的代码如下：

inputField：

review = TextAreaField('Review', validators=[DataRequired()])

HTML：

<p>
    {{ form.prompt.label }}<br>
    {{ form.prompt(size=32) }}
</p>

使用Chrome的检查器（Ctrl + Shift + I）：

<p>
    <label for="review">Review</label><br>
    <textarea id="review" name="review" required="" size="32">This is a test case</textarea>
</p>

JavaScript函数：

<script>
    var label = document.getElementById('review');
    var sub = label.innerHTML;
    label.innerHTML = label.innerHTML.replace(sub.substring(0,2), '<span style="color:red;">'+sub.substring(0,2) '+'</span>');
</script>

但是，此功能不会为文本设置样式。而是用

填充文本框

"<span style="color:red;">'+sub.substring(0,2) '+'</span>".

什么是解决此问题的好方法？

如何为wtform烧瓶的输入字段上色

0 个答案: