19/11/26に掲載されたプログラム群をGutenbergとEnlighterを使って再掲します。
#!/usr/bin/python3 # app.py python # -*- coding: utf-8 -*- # app.py from flask import Flask, redirect ,request,render_template app = Flask(__name__) @app.route("/check") def check(): return render_template('check.html') @app.route('/',methods=['POST']) def index(): my_age = int(request.form["age"]) my_name = request.form["name"] return render_template('index.html',age=my_age,name=my_name) if __name__ == '__main__': app.run(debug=True)
上のコードはPython programです。
<!DOCTYPE html> <!-- check.html -->
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>年齢確認</title>
<!-- <link rel="stylesheet" type="text/css" href="{{url_for('static', filename='style.css')}}" /> -->
<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/>
<button>年齢確認</button>
</form>
</body>
</html>
上のプログラムはHTMLです。
<!DOCTYPE html> <!-- index.html -->
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>18禁のサイト</title>
<!-- <link rel="stylesheet" type="text/css" href="style.css" /> -->
<link rel="stylesheet" type="text/css" href="static/css/style-04.css" />
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<h1>射幸心を煽りまくるホームページ</h1>
{% if age >= 18 %}
{{name}}さんは18歳以上ですね。
{% else %}
{{name}}さんみたいな方はこんなHP見ちゃいけません?
{% endif %}
</body>
</html>
上のプログラムもHTMLです。
@charset 'utf-8'; body { background: sandybrown; color: darkgreen; margin-left: 2m; margin-right: 2m; }
上のコードはstyle.cssです。
@charset 'utf-8'; body { background: violet; color: darkgreen; margin-left: 2m; margin-right: 2m; }
上のコードはstyle-04.cssです。
文字が小さく見ずらい時はWindows拡大鏡をお使いください。Windows・キー ＋ 「＋」（プラス・キー）（Windows・キーはキーボード左下、左から3～4番目のキー。抜けるにはWindows・キー ＋ 「ESCキー」を押します）
↑人気ブログランキングに参加しています。ポチっと１票を！
