【Python】Django テンプレート内のフォームで使われるidについて

いつもお世話になっております。Djangoについて質問です。

知りたいこと

Djangoの公式チュートリアルを進めています。チュートリアル４でフォームについて学ぶこととなり実施しているのですが、下記の<input type="radio">に含まれる属性idがどんな役割を持った属性なのか分からず困っています。
<input type="radio" name="choice" id="choice{{ forloop.counter }}" value="{{ choice.id }}" />
普通のHTMLには存在しないはずなので、Django特有のものなのかと思っています。

このidは何を指定している属性なのでしょうか？
また、このidにセットされた値がvalue属性のchoice.idの値になっているような気がするのですが、
本当にそうだとしたら、なんでそんな指定の仕方ができるのでしょうか？
（idがchioceのプロパティになるならnameもchoice.nameというふうに表現可能になっちゃわない？そんなんで大丈夫？）

下記に該当のHTMLファイルの全体を記載します。どうぞよろしくお願いします。

該当のソースコード

Python
1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5    <title>detail</title>
6</head>
7<body>
8
9<h1>Question!!!</h1>
10<h2>{{ question.question_text }}</h2>
11    {% if error_message %}<p><strong>{{ error_message }}</strong></p>{% endif %}
12
13    <form action="{% url 'polls:vote' question.id %}" method='post'>
14        {% csrf_token %}
15        {% for choice in question.choice_set.all %}
16        <input type="radio" name="choice" id="choice{{ forloop.counter }}" value="{{ choice.id }}" />    # ここのidです。
17        <label for="choice{{ forloop.counter }}">{{choice.choice_text}}</label><br />
18        {% endfor %}
19        <input type="submit" value="vote" />
20    </form>
21</body>
22</html>

補足情報（FW/ツールのバージョンなど）

Django2.0

行動規範の内容に同意します

回答2件

id="choice{{ forloop.counter }}"のidであれば、DjangoではなくHTML自体のもので、ページ内の要素を一意に識別するために付与する任意の値です。

value="{{ choice.id }}"とは関連はありません。

投稿2018/06/02 15:45

denzow

総合スコア640

退会済みユーザー

2018/06/02 23:27

アッめっちゃ基本的なところでしたね、そんなのありましたね、ありがとうございます。 CSS使ってないのにこんなidセットしてもしょうがないだろ、と一瞬思いましたが下の<label for=...>で関連づけるフォーム部品のidとして指定してるんですね。色々理解できました。

行動規範の内容に同意します

ベストアンサー

そのchoiceは

        {% for choice in question.choice_set.all %}

でquestion.choice_set.allの全要素をイテレーションする際にそれぞれの値が代入される変数です。

https://docs.djangoproject.com/ja/2.0/ref/templates/builtins/#for

questionはテンプレートエンジンでrenderする際に渡している辞書から引かれます。

        return render(request, 'polls/detail.html', {
            'question': question,
            'error_message': "You didn't select a choice.",
        })

モデルにauto incrementalなprimary keyがあるなら、それがidにマッピングされています。

https://docs.djangoproject.com/ja/2.0/intro/tutorial02/#activating-models
に

あなたが使用しているデータベースに合わせて、auto_increment (MySQL)、 serial (PostgreSQL) もしくは integer primary key autoincrement (SQLite) のようなデータベースに特化した型が自動的に選択され生成されます。フィールド名のクォーティング (例えば、ダブルクォートにするか、シングルクォートにするか) も同様です。

とあってこれを読んでいるはずです。

そして、

https://docs.djangoproject.com/ja/2.0/intro/tutorial02/#playing-with-the-api

ここで、Questionクラスの定義にid属性がないにも関わらずq.idが引けていることも、q.choice_set.all()でChoiceのリストを取り出せることを確認しているはずです。

Choiceもauto incrementalなprimary keyを持ってますから。idがあります。

https://docs.djangoproject.com/en/2.0/ref/models/instances/#auto-incrementing-primary-keys
このあたりですね。

投稿2018/06/02 10:43

編集2018/06/02 13:53