Formのヘルプの表示
Formでこういう風に入力してほしいとヘルプ(ヒント)をつけたいときがある。その場合、help_text=として記載すると良い。
- forms.py(フォームの記述)
from django import forms
class FormName(forms.Form):
name = forms.CharField()
email = forms.EmailField(help_text='You need to input mail format such as xxx@mail.com')
# EmailField()にhelp_text=''として表示
次にviews.pyでformのインスタンスを作成して、templateに渡す
- views.py
from django.shortcuts import render
from . import forms
from . import forms
def form_name_view(request):
form = forms.FormName() # formを作成
return render(request, 'basicapp/form_page.html', {'form': form})
# formをtemplateに渡す
最後にtemplateでformを使って画面に表示する
- form_page.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <title>Forms</title>
</head>
<body>
<h1>Fill out the form!</h1>
<div class="container">
<form method="post">
{{ form.as_p }}
{% csrf_token %}
<input type="submit" class="btn btn-primary" value="Submit">
</form>
</div>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <title>Forms</title>
</head>
<body>
<h1>Fill out the form!</h1>
<div class="container">
<form method="post">
{{ form.as_p }}
{% csrf_token %}
<input type="submit" class="btn btn-primary" value="Submit">
</form>
</div>
</body>
</html>
- 画面には以下のように表示される
Emailのテキストボックスの横にヒント文があることがわかる
ちなみにヒント文のクラス名は、helptextとなり、cssでカスタマイズすることもできる。