Add bootstrap class using Javascript

JAVASCRIPT

Use the javascript function to add bootstrap call to HTML controls for Bootstrap look and feel.

var zinput = document.querySelectorAll("input,select");
    for (i = 0; i <= zinput.length - 1; i++) {
        try {
            document.getElementById(zinput[i].id).className = "form-control";
        } catch (err) {
        }
    }

 

Django Template code

{% extends "codebase/layout_5.html" %}

{% block content %}

<form action="/codebase/addcode/" method="post" enctype="multipart/form-data">
    {% csrf_token %}
    {{ form.media }}
<div class="container">
     {{ form.as_p }}
      <input type="submit" value="Save">  
</div>
</form>
{% endblock %}


 {% block scripts %} 
<script>
    var zinput = document.querySelectorAll("input,select");
    for (i = 0; i <= zinput.length - 1; i++) {
        try {
            document.getElementById(zinput[i].id).className = "form-control";
        } catch (err) {
        }
    }
</script>

{% endblock %}

 

            Related