Data cannot saved in django formview - django

Question

I'm going to receive data and save it using form and save it. But I can't get any result. Let me know what I'm doing wrong.
I set up a model. And I wrote a form to get the input. Forms.Form was used. At first, I used modelform, but I wrote it like this because there seemed to be no difference.
Is label important in the form? You can't get the data value because you can't connect the label?
heeelp!
models.py
class PayHistory(models.Model):
branch = models.ForeignKey(Branch, on_delete=models.CASCADE, null=True)
package_recommandation_date = models.DateField(null=True)
package_payment_date = models.DateField(null=True)
forms.py
class PackageForm(forms.Form):
package_recommandation_date = forms.CharField(label='package_recommandation_date')
package_payment_date = forms.CharField(label='package_payment_date')
...
## i changed like this(1)
class PackageForm(forms.ModelForm):
class Meta:
model = PayHistory
fields = ['package_recommandation_date', 'package_payment_date']
views.py
class PackageView(FormView):
model = PayHistory
template_name = 'branches/package-create.html'
success_url = reverse_lazy('/')
form_class = PackageForm
def form_valid(self, form):
form = form.save(commit=False)
form.save()
return super().form_valid(form)
### I realize what you mean. I changed it like this(2) and it was saved in DB.
def form_valid(self, form):
data = PayHistory()
data.package_recommandation_date = form.cleaned_data['package_recommandation_date']
data.package_payment_date = form.cleaned_data['package_payment_date']
data.save()
return super().form_valid(form)
# HTML
{% block content %}
<form method="post" enctype="multipart/form-data">
{% csrf_token %}
<div class="table-content">
<!-- 검색 -->
<table border="0">
<tr class="input-tr">
<td><input type="date" class="input1" name="package_recommandation_date"
value="{{ form.package_recommandation_date.value|default_if_none:'' }}" required>
</td>
<td><input type="date" class="input2" name="package_payment_date"
value="{{ form.package_payment_date.value|default_if_none:'' }}">
</td>
...
<td><button type="submit" class="input-button input16">적용</button></td>
# static/js
const package_recommandation_date = document.querySelector("package_recommandation_date");
const package_payment_date = document.querySelector("package_payment_date");
console.info(package_recommandation_date, package_payment_date)
#output
-> null null