Django create update form with pre filled data from database

Django create update form with pre filled data from database but custome html form i have attaced the vire, model and the html templet that i used insted of django form

view.py

i used this view for adding player

def add_player (request):
    if request.method=='POST':
        Name=request.POST.get('Name')
        E_mail=request.POST.get('E_mail')
        Area_code = request.POST.get('Area_code', False)
        Phone_Number = request.POST.get('Phone_Number', False)
        Country = request.POST.get('Country', False)
        City = request.POST.get('City', False)
        State = request.POST.get('State', False)
        Zip_Code = request.POST.get('Zip_Code', False)
        Address = request.POST.get('Address', False)
        FIG_License_Number = request.POST.get('FIG_License_Number', False)
        Passport_Number = request.POST.get('Passport_Number', False)
        add_player= contact.objects.create(Name=Name,E_mail=E_mail,Area_code=Area_code, 
        Phone_Number=Phone_Number, Country=Country, City=City, State=State, Zip_Code=Zip_Code, 
        Address=Address, FIG_License_Number=FIG_License_Number, Passport_Number=Passport_Number)
        add_player.save()
        return redirect('/contact') 
    else:
        pass
    return render(request, 'from/add_player.html')

model.py

class contact (models.Model):

    Name =models.CharField(max_length=200, null=False)
    E_mail =models.EmailField(max_length=200, null=True)
    Area_code =models.CharField(max_length=200, null=True)
    Phone_Number =models.CharField(max_length=200, null=True)
    Country =models.CharField(max_length=200, null= False)
    City =models.CharField(max_length=200, null= False)
    State =models.CharField(max_length=200, null= False)
    Zip_Code =models.CharField(max_length=200, null= False)
    Address =models.CharField(max_length=200, null= False)
    FIG_License_Number =models.CharField(max_length=200, null= False)
    Passport_Number =models.CharField(max_length=200, null= False)
    def __str__(self):
        return self.Name

the html templet that i used insted of django form

add_player.html

</head>
<body>
    <div class="page-wrapper bg-gra-03 p-t-45 p-b-50">
        <div class="wrapper wrapper--w790">
            <div class="card card-5">
                <div class="card-heading">
                    <h2 class="title">Player Registration Form</h2>
                </div>
                <div class="card-body">
                    <form action="" method="POST">
                    {% csrf_token %}
                    
                        <div class="form-row m-b-55">
                            <div class="name">Name</div>
                            <div class="value">
                                <div class="row row-space">
                                    <div class="col-12">
                                        <div class="input-group-desc">
                                            <input class="input--style-5" type="text" id = "Name" name = "Name">
                                            <label class="label--desc">Full Name</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="name">Email</div>
                            <div class="value">
                                <div class="input-group">
                                    <input class="input--style-5" type="email" id = "E_mail" name="E_mail">
                                </div>
                            </div>
                        </div>
                        <div class="form-row m-b-55">
                            <div class="name">Phone</div>
                            <div class="value">
                                <div class="row row-refine">
                                    <div class="col-3">
                                        <div class="input-group-desc">
                                            <input class="input--style-5" type="tel" id = "Area_code" name="Area_code">
                                            <label class="label--desc">Area Code</label>
                                        </div>
                                    </div>
                                    <div class="col-9">
                                        <div class="input-group-desc">
                                            <input class="input--style-5" input type=text onkeypress="return /^-?[0-9]*$/.test(this.value+event.key)"  id = "Phone_Number" name="Phone_Number">
                                            <label class="label--desc">Phone Number</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="form-row m-b-55">
                            <div class="name">Address</div>
                            <div class="value">
                                <div class="row row-refine">
                                    <div class="col-4">
                                        <div class="input-group-desc">
                                            <input class="input--style-5" type="text" id = "Country" name="Country">
                                            <label class="label--desc">Country</label>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="input-group-desc">
                                            <input class="input--style-5" type="text" id = "City" name="City">
                                            <label class="label--desc">City</label>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="input-group-desc">
                                            <input class="input--style-5" type="text" id = "State" name="State">
                                            <label class="label--desc">State</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="form-row m-b-55">
                            <div class="name">Zip Code</div>
                            <div class="value">
                                <div class="row row-space">
                                    <div class="col-4">
                                        <div class="input-group-desc">
                                            <input class="input--style-5" input type=text onkeypress="return /^-?[0-9]*$/.test(this.value+event.key)" id = "Zip_Code" name="Zip_Code">
                                            <label class="label--desc">Zip Code</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="form-row">
                            <div class="name">Full Address</div>
                            <div class="value">
                                <div class="input-group">
                                    <input class="input--style-5" type="text" id = "Address" name="Address">
                                </div>
                            </div>
                        </div>

                        <div class="form-row">
                            <div class="name">FIG License Number</div>
                            <div class="value">
                                <div class="input-group">
                                    <input class="input--style-5" input type=text onkeypress="return /^-?[0-9]*$/.test(this.value+event.key)" id = "FIG_License_Number" name="FIG_License_Number">
                                </div>
                            </div>
                        </div>

                        <div class="form-row">
                            <div class="name">Passport Number</div>
                            <div class="value">
                                <div class="input-group">
                                    <input class="input--style-5" input type=text onkeypress="return /^-?[0-9]*$/.test(this.value+event.key)" id = "Passport_Number" name="Passport_Number">
                                </div>
                            </div>
                        </div>
                        <div>
                    
                            <button class="btn btn--radius-2 btn--red" type="submit">Register</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

Back to Top