Làm cách nào để tạo biểu mẫu bằng Django Forms

11/09/2023 01:28

Biểu mẫu Django là một tập hợp biểu mẫu HTML nâng cao có thể được tạo bằng python và hỗ trợ tất cả các tính năng của biểu mẫu HTML theo cách Pythonic.

iểu mẫu Django là một tập hợp biểu mẫu HTML nâng cao có thể được tạo bằng python và hỗ trợ tất cả các tính năng của biểu mẫu HTML theo cách Pythonic. Bài đăng này xoay quanh cách tạo một biểu mẫu cơ bản bằng cách sử dụng các Trường biểu mẫu và thuộc tính khác nhau. Tạo một biểu mẫu trong Django hoàn toàn giống với việc tạo một mô hình, người ta cần chỉ định những trường nào sẽ tồn tại trong biểu mẫu và thuộc loại nào. Ví dụ: để nhập, một biểu mẫu đăng ký có thể cần Tên (CharField), Số cuộn (IntegerField), v.v.

Tạo biểu mẫu bằng Django Forms

Minh họa các biểu mẫu Django bằng một ví dụ. Hãy xem xét một dự án có tên là geeksforgeeks có một ứng dụng có tên là geeks.

Trong ứng dụng chuyên viên máy tính của bạn, hãy tạo một tệp mới có tên là Forms.py nơi bạn sẽ tạo tất cả các biểu mẫu của mình. Để tạo biểu mẫu Django, bạn cần sử dụng Django Form Class . Hãy chứng minh điều đó.

Trong Forms.py của bạn Nhập thông tin sau,

Python3

from django import forms
 
# creating a form
class InputForm(forms.Form):
 
    first_name = forms.CharField(max_length = 200)
    last_name = forms.CharField(max_length = 200)
    roll_number = forms.IntegerField(
                     help_text = "Enter 6 digit roll number"
                     )
    password = forms.CharField(widget = forms.PasswordInput())

Hãy giải thích chính xác điều gì đang xảy ra, bên trái biểu thị tên của trường và bên phải của nó, bạn xác định các chức năng khác nhau của trường đầu vào tương ứng. Cú pháp của một trường được ký hiệu là

Cú pháp:

Field_name = Forms.FieldType(thuộc tính)

Bây giờ để hiển thị biểu mẫu này thành chế độ xem, hãy di chuyển đến view.py và tạo home_view như bên dưới.

Python3

from django.shortcuts import render
from .forms import InputForm
 
# Create your views here.
def home_view(request):
    context ={}
    context['form']= InputForm()
    return render(request, "home.html", context)

Theo quan điểm, người ta chỉ cần tạo một phiên bản của lớp biểu mẫu được tạo ở trên trong Forms.py. Bây giờ hãy chỉnh sửa mẫu > home.html

HTML

<form action = "" method = "post">
    {% csrf_token %}
    {{form }}
    <input type="submit" value=Submit">
</form>

Tất cả đã được thiết lập để kiểm tra xem biểu mẫu có hoạt động hay không, hãy truy cập http://localhost:8000/

tạo-django-form

Biểu mẫu đang hoạt động bình thường nhưng hình ảnh gây thất vọng, Django cung cấp một số cách được xác định trước để hiển thị biểu mẫu một cách thuận tiện. Trong các mẫu, phần sau đây sẽ sửa đổi đầu vào thành:

{{ form.as_table }} sẽ hiển thị chúng dưới dạng ô bảng được gói trong thẻ <tr>
{{ form.as_p }} sẽ hiển thị chúng được gói trong thẻ <p>
{{ form.as_ul }} sẽ hiển thị chúng được gói trong thẻ <li>

Làm cách nào để tạo biểu mẫu bằng Django Forms

Tạo biểu mẫu bằng Django Forms

Tin tức cùng chủ đề