Java, .NET, PHP, PYTHON, ANGULAR, ML, Data Science, Testing, CI Tutorials in Easy Languages.

"Best Software Training, Internship, Project Development center of Indore India, Helpline 780506-3968"

Complete HTML Forms Example in Django:-


views.py:-

def courseinfo(request):
   if request.method=="POST":
      basic = request.POST.getlist('c[]')
      advance = request.POST['adcourse']
      country = request.POST['country']
      state = request.POST.getlist('state[]')
      s=''
      for s1 in basic:
        s=s+s1+" "
      s2=''
      for s3 in state:
        s2= s2+s3 +" "
      name = request.POST["txtname"]
      date = request.POST["txtdate"]
      fees = request.POST["txtfees"]
      query = request.POST["query"]
      result = {'basic':"basic course is "+s,'advance':" Advance course is "+advance,'country':"Selected Country is "+country,'state':" State is "+s2,'name':'name is '+name,'date ':'date is '+date,'fees':'fees is '+str(fees),'query':'query is '+query}
      return render(request,"calcapp/course.html",{'msg':result.values()})
   return render(request,"calcapp/course.html") 



HTML Page code:-
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
.row
{
           width:500px;
           height: 30px;

}
.col
{
float:left;
width: 45%;

margin-left: 20px;
margin-top: 20px;
}


</style>
</head>
<body>
<h1>Course Information Form</h1>

<form action="" method="post">
{% csrf_token %}
<div class="row">
<div class="col">
Enter name
</div>
<div class="col">
<input type="text" name="txtname" />
</div>
</div>
<div class="row">
<div class="col">
Enter Date
</div>
<div class="col">
<input type="date" name="txtdate" />
</div>
</div>
<div class="row">
<div class="col">
Enter Fees
</div>
<div class="col">
<input type="number" name="txtfees" />
</div>
</div>
<div class="row">
<div class="col">
Select Basic Course
</div>
<div class="col">
<input type="checkbox" name="c[]" value="C">C
<input type="checkbox" name="c[]" value="CPP">CPP
<input type="checkbox" name="c[]" value="DS">DS
</div>
</div>
<div class="row">
<div class="col">
Select Advance Course
</div>
<div class="col">
<input type="radio" name="adcourse" value="JAVA">JAVA
<input type="radio" name="adcourse" value=".NET">.NET
<input type="radio" name="adcourse" value="PHP">PHP
<input type="radio" name="adcourse" value="PYTHON">PYTHON
</div>
</div>
 <div class="row">
<div class="col">
Country:-
</div>
<div class="col">
<select name="country">
<option value="">Select Country</option>
<option value="IND">INDIA</option>
<option value="USA">USA</option>
<option value="JAPAN">JP</option>
<option value="Canada">CN</option>


</select>

</div>
</div>
<div style="clear:left"></div>
<div class="row">
<div class="col">
     State:-
    </div>
<div class="col">
<select name="state[]" multiple="true">
<option value="">Select State</option>
<option value="MP">MP</option>
<option value="UP">UP</option>
<option value="AP">AP</option>
<option value="HP">HP</option>


</select>
</div>
</div>
<div style="clear:left"></div>
<div class="row">
<div class="col">
Enter any query
</div>
<div class="col">
<textarea rows="10" cols="50" name="query">

</textarea>
</div>
</div>
<div class="row">
<div class="col">

</div>
<div class="col">
<input type="submit" name="btnsubmit" value="Click" />

</div>
</div>
</form>

<br>
<br>
<div style="clear:left">
</div>
<div class="row">


{% if msg  %}

{% for item in msg  %}

<p>{{ item }}</p>
{% endfor %}
{%  endif %}

</div>
</body>
</html>


Post a Comment

If you have any doubt in programming or join online classes then you can contact us by comment .

Previous Post Next Post