gtguhoij
- 33
- 2
- TL;DR
- I am trying to space the forms in the registration route but it is not working.
[CODE lang="python" title="flaskblog.py"]from flask import Flask, render_template
from forms import RegistrationForm
@app.route("/register", methods = ['POST', 'GET'])
def register():
forms = RegistrationForm()
return render_template('register.html',form=forms)[/CODE]
[CODE lang="python" title="forms.py"]
from wtforms import Form, BooleanField, StringField, PasswordField, validators
# what does Form do
class RegistrationForm(Form):
username = StringField('Username', [validators.Length(min=2, max=25)])
email = StringField('Email', [validators.Length(min=4, max=25)])
password = PasswordField('New Password', [
validators.DataRequired(),
validators.EqualTo('confirm', message='Passwords must match')
])
confirm_password = PasswordField('Repeat Password')[/CODE]
[CODE title="register.css"]
label
{
display: block;
}
[/CODE]
[CODE lang="html" title="register.html"]<!DOCTYPE html>
<html>
<head>
<title> register </title>
<link rel="stylesheet" type="text/css" href="register.css"/>
</head>
<body>
<form action="/register" id="register_forms" method="POST">
fields/16379203 -->
<label for="username">
Username
{{(form.username)}}
</label>
<label for="email">
Email
{{form.email}}
</label>
<label for="password">
Password
{{form.password}}
</label>
<label for="password_form">
Confirm Password
{{form.confirm_password}}
</label>
<label>
<input type = "button" Submit value = "Submit" >
</label>
</form>
</body>
</html>[/CODE]
Here is the output I am trying to change.
from forms import RegistrationForm
@app.route("/register", methods = ['POST', 'GET'])
def register():
forms = RegistrationForm()
return render_template('register.html',form=forms)[/CODE]
[CODE lang="python" title="forms.py"]
from wtforms import Form, BooleanField, StringField, PasswordField, validators
# what does Form do
class RegistrationForm(Form):
username = StringField('Username', [validators.Length(min=2, max=25)])
email = StringField('Email', [validators.Length(min=4, max=25)])
password = PasswordField('New Password', [
validators.DataRequired(),
validators.EqualTo('confirm', message='Passwords must match')
])
confirm_password = PasswordField('Repeat Password')[/CODE]
[CODE title="register.css"]
label
{
display: block;
}
[/CODE]
[CODE lang="html" title="register.html"]<!DOCTYPE html>
<html>
<head>
<title> register </title>
<link rel="stylesheet" type="text/css" href="register.css"/>
</head>
<body>
<form action="/register" id="register_forms" method="POST">
fields/16379203 -->
<label for="username">
Username
{{(form.username)}}
</label>
<label for="email">
{{form.email}}
</label>
<label for="password">
Password
{{form.password}}
</label>
<label for="password_form">
Confirm Password
{{form.confirm_password}}
</label>
<label>
<input type = "button" Submit value = "Submit" >
</label>
</form>
</body>
</html>[/CODE]
Here is the output I am trying to change.