Flask WTF



 wtf

wtf

  • WTF stands for WT Forms.
  • To provide the interactive user interface for the user.
  • It is a built-in module of the flask which provides an alternative way of designing forms in the flask web applications.

Why WTF Useful ?

  • The form elements are sent along with the request object from the client side to the server side. Server-Side script must recreate the form elements since there's no direct mapping between the client side form elements and therefore the variables to be used at the server side.
  • There is no way to render the HTML form data at real time.
  • The WT Forms may be a flexible, form rendering, and validation library wont to provide the interface.

Install Flask-WTF

  • To use the WT forms, we need to install the flask-wtf library which can be installed using pip installer.
$ pip install flask-wtf   

Standard Form Fields are listed:

SN Form Field Description
1 BooleanField It is used to represent the checkbox HTML form element.
2 DecimalField It is used to represent the text field to display the numbers with decimals.
3 BooleanField It is used to represent the checkbox HTML form element.
4 IntegerField It is used to represent the text field to display the integer values.
5 RadioField It is used to represent the radio button HTML form element.
6 selectField It is used to represent the select form element.
7 TextAreaField It is used to represent text area form element.
8 PasswordField It is used to take the password as the form input from the user..
9 SubmitField It provides represents the <input type='submit' value='Submit'> html form element.

Sample code

Here we will create a form using flask WTF module.

forms.py

from flask_wtf import Form 
from wtforms import TextField, IntegerField, TextAreaField, SubmitField, RadioFied, SelectField  
from wtforms import validators, ValidationError  
  
class ContactForm(Form): 
   name = TextField("Candidate Name ",[validators.Required("Please enter your nme.")])  
  Gender = RadioField('Gender', choices = [('M','Male'),('F','Female')])  
   ddress = TextAreaField("Address")  
    
 email = TextField("Email",[validators.Required("Please enter your email address.),  
   alidators.Email("Please enter your email address.")])  
    
   Age = IntegerField("Age") 
language = SelectField('Programming Languages', choices = [('java', 'Java'),('py' 'Python')])  
  
   submit = SubmitField("Submit")  

formexample.py

from flask import Flask, render_template, request, flash  
from forms import ContactForm  
app = Flask(__name__)  
app.secret_key = 'development key'  
  
@app.route('/contact', methods = ['GET', 'POST'])  
def contact():  
   form = ContactForm()  
   if form.validate() == False:  
      flash('All fields are required.')  
   return render_template('contact.html', formform = form)  
  
  
  
@app.route('/success',methods = ['GET','POST'])  
def success():  
   return render_template("success.html")  
  
if __name__ == '__main__':  
   app.run(debug = True)  

contact.html

<!doctype html>  
<html>  
   <body>  
      <h2 style = "text-align: center;">Registration Form</h2>  
          
      {% for message in form.name.errors %}  
         <div>{{ message }}</div>  
      {% endfor %}  
        
      {% for message in form.email.errors %}  
         <div>{{ message }}</div>  
      {% endfor %}  
        
      <form action = "http://localhost:5000/success" method = "POST">  
           
            {{ form.hidden_tag() }}  
              
            <div style = "font-size:18px;" font-weight:bold; margin-left:150px;>  
               {{ form.name.label }}<br>  
               {{ form.name }}  
               <br>  
               {{ form.Gender.label }} {{ form.Gender }}  
               {{ form.Address.label }}<br>  
               {{ form.Address }}  
               <br>  
               {{ form.email.label }}<br>  
               {{ form.email }}  
               <br>  
               {{ form.Age.label }}<br>  
               {{ form.Age }}  
               <br>  
               {{ form.language.label}}<br><br>  
               {{ form.language }}  
               <br><br>  
               {{ form.submit }}  
            </div>  
              
         </fieldset>  
      </form>  
   </body>  
</html>  

Success.html

<!DOCTYPE html>  
<html>  
<head>  
    <title></title>  
</head>  
<body>  
<h1>Form posted successfully</h1>  
</body>  
</html>  

Output

 Reg

Registration

If you want to learn about Python Course , you can refer the following links Python Training in Chennai , Machine Learning Training in Chennai , Data Science Training in Chennai , Artificial Intelligence Training in Chennai



Related Searches to Flask WTF