06. ফর্মের লেআউট

from django.forms import ModelForm

class MyForm(ModelForm):
    class Meta:
        model = MyModel
        fields = ['name', 'email']

{% extends 'base.html' %}

{% block content %}
    <form action="/" method="post">
        {% csrf_token %}
        {{ form.as_p() }}
        <input type="submit" value="Submit">
    </form>
{% endblock %}

from django.forms import ModelForm

class MyForm(ModelForm):
    class Meta:
        model = MyModel
        fields = ['name', 'email']

    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        self.fields['name'].label = 'Your name (required)'
        self.fields['email'].label = 'Your email (required)'

{% extends 'base.html' %}

{% block content %}
    <form action="/" method="post">
        {% csrf_token %}
        <input type="text" name="name" placeholder="Your name (required)">
        <input type="email" name="email" placeholder="Your email (required)">
        <input type="submit" value="Submit">
    </form>
{% endblock %}

from django.forms import ModelForm

class MyForm(ModelForm):
    class Meta:
        model = MyModel
        fields = ['name', 'email']

    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        self.fields['name'].widget = forms.TextInput(attrs={'class': 'form-control'})
        self.fields['email'].widget = forms.EmailInput(attrs={'class': 'form-control'})

{% extends 'base.html' %}

{% block content %}
    <form action="/" method="post">
        {% csrf_token %}
        <div class="form-group">
            <label for="name">Your name (required)</label>
            <input type="text" name="name" id="name" class="form-control" placeholder="Your name">
        </div>
        <div class="form-group">
            <label for="email">Your email (required)</label>
            <input type="email" name="email" id="email" class="form-control" placeholder="Your email">
        </div>
        <input type="submit" value="Submit" class="btn btn-primary">
    </form>
{% endblock %}

class EmployeeIDDateFilterForm(forms.Form):
    id_no = forms.CharField(max_length=20, label='Employee ID')
    start_date = forms.DateField(label='Start Date', required=True,)
    end_date = forms.DateField(label='End Date', required=True)    
    def __init__(self, *args, **kwargs):
        super(EmployeeIDDateFilterForm, self).__init__(*args, **kwargs)
        for field_name, field in self.fields.items():
            field.widget.attrs.update({
                'class': 'form-control form-control-sm',
                'id': f"{field_name}",
            })    
              

<form action="" method="post">
  {% csrf_token %} 
  {% for field_name, field in form %}
  <div class="form-group">
    <label for="{{ field_name }}">{{ field.label }}</label>
    {{ field }}
  </div>
  {% endfor %}
  
  <button type="submit" class="btn btn-primary">Submit</button>
</form>

class EmployeeIDDateFilterForm(forms.Form):
    id_no = forms.CharField(max_length=20, label='Employee ID')
    start_date = forms.DateField(label='Start Date', required=True,)
    end_date = forms.DateField(label='End Date', required=True)

    def __init__(self, *args, **kwargs):
        super(EmployeeIDDateFilterForm, self).__init__(*args, **kwargs)

        for field_name, field in self.fields.items():
            if field_name == 'id_no':
                field.widget.attrs.update({
                    'class': 'form-control form-control-sm abc-class',
                    'id': f"{field_name}",
                })
            else:
                field.widget.attrs.update({
                    'class': 'form-control form-control-sm',
                    'id': f"{field_name}",
                })

class ItemForm(forms.Form):
    name = forms.CharField(widget=forms.TextInput)
    description = forms.CharField(widget=forms.TextInput)

    def __init__(self, *args, **kwargs):
        super(ItemForm, self).__init__(*args, **kwargs)
        for field_name, field in self.fields.items():
            field.widget.attrs.update({
                'class': 'form-control',
                'id': f"defaultForm-{field_name}",
            })

<form method="post">
  {% csrf_token %}
  <div class="row">
    {% for field in form %}
    <div class="col-md-4 mb-4">
      <div class="form-group">
        <label for="{{ field.auto_id }}">{{ field.label }}</label>
        <div class="input-group">
          <div class="input-group-prepend">
            <span class="input-group-text">
              <i class="fas fa-envelope"></i>
            </span>
          </div>
          {{ field }}
        </div>
      </div>
    </div>
    {% endfor %}
  </div>
  <button type="submit" class="btn btn-primary">Submit</button>
</form>