個人情報登録プログラム（例）

f:id:neverjp:20181222215840j:plain — 画面1　登録入力画面（名前、年齢、メールアドレスを入力）

f:id:neverjp:20181222220100j:plain — 画面2　入力完了画面

上記のプログラムは

以下の通りです。

#!/usr/bin/python3
# -*- coding: utf-8 -*-
#demo24.py
from flask import Flask, redirect ,request,render_template

app = Flask(__name__)

@app.route("/check")
def check():
return render_template('check24.html')

@app.route('/',methods=['POST'])
def index():
・・my_age = int(request.form["age"])
・・my_name = request.form["name"]
・・my_email = request.form["eml"]
・・my_message = "本日は晴天なり。"
・・return render_template('index24.html',age=my_age,name=my_name,eml=my_email,msg=my_message)

if __name__ == '__main__':
・・app.run(debug=True)
****************************************
<!DOCTYPE html> 
<html lang="ja">
・・<head>
・・・・<meta charset="UTF-8">
・・・・<title>登録フォーム</title>

・・・・<link rel="stylesheet" type="text/css" href="static/css/style-06.css" />
・・・・
・・</head>
・・<body>
・・<h1>登録完了</h1>
あなたの名前は：{{name}}です。</br>
あなたの年齢は：{{age}}才です。</br>
あなたのE-mailアドレスは：{{eml}}です。</br>
<h1>で登録しました。</h1>
demo24.pyからのメッセージは：{{msg}}です。　
・・</body>
</html>
****************************************
<!DOCTYPE html> 
<html lang="ja">
<head>
・・<meta charset="UTF-8">
・・<title>登録フォーム</title>

・・<link rel="stylesheet" type="text/css" href="static/css/style.css" />
</head>
<body>

・・<form action="/" method="post">
・・・・<h1>登録</h1>
・・・・<input type="text" name="name" placeholder="名前" required/>
・・・・<input type="number" name="age" placeholder="年齢" required/>
・・・・<input type="email" name="eml" placeholder="メールアドレス"　size="30" maxlength="40" required/>
・・・・<button>同意する</button>
・・</form>

</body>
</html>
****************************************
@charset 'utf-8'; /* style-06.css */
body・・{
・・・・background: silver;
・・・・color: blue;
・・・・margin-left: 2m;
・・・・margin-right: 2m;
}
****************************************

以上です。

←人気ブログランキングに参加しています。よろしければ１票を！