How to create dropdown box in forms?

I am getting difficulty here to create dropdown box in forms. Please tell what to do here. I want to create dropdown box in forms for only section name and status. In admin site dropdown box is showing there but I don't know, how to create in forms. This will be great for me. I am new here. please help.

forms.py:

from django import forms
from . import models


class SpecificationForm(forms.ModelForm):
    class Meta:
        model=models.Specification
        fields=['section_name','operation_name','specification','hole_count','instrument_name','status']
        widgets = { 'section_name': forms.TextInput(attrs={ 'class': 'form-control' }), 
            'operation_name': forms.TextInput(attrs={ 'class': 'form-control' }),
            'specification': forms.TextInput(attrs={ 'class': 'form-control' }),
            'hole_count': forms.TextInput(attrs={'class':'form-control'}),
            'instrument_name':forms.TextInput(attrs={'class':'form-control'}),
            'status':forms.TextInput(attrs={'class':'form-control'})
      }

models.py:

from django.db import models

# Create your models here.
class Specification(models.Model):
    sec=(('s3','s3'),('s327','s327'),)
    section_name = models.CharField(max_length=100,null=False,choices=sec)
    operation_name = models.CharField(max_length=100,null=False)
    specification = models.CharField(max_length=100,null=False)
    hole_count = models.PositiveIntegerField(null=False)
    instrument_name = models.CharField(max_length=100,null=False)
    stat=(('Active','Active'),('Inactive','Inactive'),)
    status = models.CharField(max_length=100,null=False,choices=stat)


    class Meta:  
        db_table = "specification"

index.html:

<form method="post" class="post-form" action="/Master/specification_addnew">  
      {% csrf_token %}  
     <div class="container">  
    <br>  
     <div class="form-group row">  
     <label class="col-sm-1 col-form-label"></label>  
     <div class="col-sm-4">  
     <h3>Specification Details</h3>  
     </div>  
      </div>  
      
      <div class="form-group row">  
     <label class="col-sm-2 col-form-label">Section Name:</label>  
     <div class="col-sm-4">  
       {{ form.section_name }}  
     </div>  
      </div> 

     <div class="form-group row">  
     <label class="col-sm-2 col-form-label">Operation Name:</label>  
     <div class="col-sm-4">  
       {{ form.operation_name }}  
     </div>  
      </div>

    <div class="form-group row">  
    <label class="col-sm-2 col-form-label">Specification:</label>  
    <div class="col-sm-4">  
        {{ form.specification }}  
    </div>  
        </div>

    <div class="form-group row">  
    <label class="col-sm-2 col-form-label">Hole Count:</label>  
    <div class="col-sm-4">  
        {{ form.hole_count }}  
    </div>  
        </div>
    
    <div class="form-group row">  
        <label class="col-sm-2 col-form-label">Instrument Name:</label>  
        <div class="col-sm-4">  
            {{ form.instrument_name }}  
        </div>  
            </div>
    <div class="form-group row">  
        <label class="col-sm-2 col-form-label">Status:</label>  
        <div class="col-sm-4">  
            {{ form.status }}  
        </div>  
            </div>

     <div class="form-group row">  
     <label class="col-sm-1 col-form-label"></label>  
     <div class="col-sm-4">  
     <button type="submit" class="btn btn-primary">Submit</button>  
     </div>  
      </div>  
     </div>  
    </form>  

edit.html:

<form method="post" class="post-form" action="/Master/specification_update/{{ specification.id }}">  
   {% csrf_token %}  
  <div class="container">  
 <br>  
  <div class="form-group row">  
  <label class="col-sm-1 col-form-label"></label>  
  <div class="col-sm-4">  
  <h3>Update Details</h3>  
  </div>  
   </div>  
  <div class="form-group row">  
  <label class="col-sm-2 col-form-label">Specification Id:</label>  
  <div class="col-sm-4">  
   <input type="text" class="form-control" name="id" id="id_id" required maxlength="20" value="{{specification.id}}"/>  
  </div>  
   </div>  
   <div class="form-group row">  
  <label for="section_name" class="col-sm-2 col-form-label">Section Name:</label>  
  <div class="col-sm-4">  
   <input type="text" class="form-control" name="section_name" id="id_name" required maxlength="100" value="{% render_field specification.section_name class='form-control' %}}" />  
   
  </div>  
   </div>
   
   <div class="form-group row">  
    <label class="col-sm-2 col-form-label">Operation Name:</label>  
    <div class="col-sm-4">  
     <input type="text" class="form-control" name="operation_name" id="id_name" required maxlength="100" value="{{specification.operation_name}}" />  
    </div>  
     </div>

     <div class="form-group row">  
  <label class="col-sm-2 col-form-label">Section Name:</label>  
  <div class="col-sm-4">  
   <input type="text" class="form-control" name="specition_name" id="id_name" required maxlength="100" value="{{specification.section_name}}" />  
  </div>  
   </div> 


  <div class="form-group row">  
  <label class="col-sm-2 col-form-label">Hole Count:</label>  
  <div class="col-sm-4">  
   <input type="text" class="form-control" name="hole_count" id="id_contact" required maxlength="15" value="{{specification.hole_count}}" />  
  </div>  
   </div>  

   <div class="form-group row">  
    <label class="col-sm-2 col-form-label">Instrument Name:</label>  
    <div class="col-sm-4">  
     <input type="text" class="form-control" name="instrument_name" id="id_name" required maxlength="100" value="{{specification.instrument_name}}" />  
    </div>  
     </div>

    <div class="form-group row">  
    <label class="col-sm-2 col-form-label">Status:</label>  
    <div class="col-sm-4">  
        <input type="text" class="form-control" name="status" id="id_name" required maxlength="100" value="{{specification.status}}" />  
    </div>  
        </div> 

  <div class="form-group row">  
  <label class="col-sm-1 col-form-label"></label>  
  <div class="col-sm-4">  
  <button type="submit" class="btn btn-success btn-lg">Update</button>  
  </div>  
   </div>  
  </div>  
 </form>

Back to Top