django_widget_tweaks_render_field_css_class_attributes.py

1# 1. Add 'widget_tweaks' to INSTALLED_APPS in settings.py
2INSTALLED_APPS = [
3    # ...
4    'widget_tweaks',
5]
6
7# 2. Example usage in a Django template (e.g., search_form.html)
8"""
9{% load widget_tweaks %}
10
11<form method="get" action="/search/">
12    <!-- Simple rendering with an added CSS class -->
13    {{ form.search_query|add_class:"form-control" }}
14
15    <!-- More complex rendering using the render_field tag -->
16    {% render_field form.search_query class="form-control" placeholder=form.search_query.label %}
17    
18    <input type="submit" value="Search" />
19</form>
20"""
21
22# 3. Example Form in forms.py
23from django import forms
24
25class SearchForm(forms.Form):
26    search_query = forms.CharField(label='Search terms', max_length=100)
27
28# 4. Example View in views.py
29from django.shortcuts import render
30from .forms import SearchForm
31
32def search_view(request):
33    form = SearchForm()
34    return render(request, 'search_form.html', {'form': form})