title: Correct way to implement django-widget-tweaks markup
body: <p>I am trying to render a form using django-widget-tweaks to help with css and widget types. I performed the following steps:</p>
  
  <p>Install widget tweaks with pip3 in my venv successfully.</p>
  
  <p>Put <code>'widget_tweaks',</code> in <code>INSTALLED_APPS</code> in settings.py.</p>
  
  <p>Put the following in the template code. (The rest of the template tags render as expected).</p>
  
  <pre><code>{% load widget_tweaks %}
  {% render_field form.color0 type="color" id="color0" class+="input-color" %}
  &lt;!--replaces &lt;input type="color" id="color0" class="input-color" /&gt;--&gt;
  </code></pre>
  
  <p>My <code>&lt;input&gt;</code> element isn't rendering when I use the template markup (renders fine with static html, of course). The development server shows no errors, and if I print <code>myform.as_table()</code> in the shell it renders all the fields, so my <code>Form</code> object must be correct. What have I screwed up with django-widget-tweaks here?</p>
  
  <p>Edit:
  I also tried </p>
  
  <pre><code>{{ form.color0 | add_class:"input-color" | attr:"type:color" | attr:"id:color0" }}
  </code></pre>
  
  <p>I know the template engine is parsing it because if I deliberately misspel <code>attr</code> the webserver shows the error page.</p>