HTMLのフォームでinputタグで指定した項目がうまく表示されない(Django)

Question

やりたいこと

HTMLで登録・更新画面でチェックボックス（Boolean）の項目を正しく表示する

バックエンド

Django2.2.1

今のコード

<form action="" method="POST" enctype="multipart/form-data">
    <div class="col-sm-3 form-check">
        <input type="checkbox" class="form-check-input" id="is_24hours" value={{form.is_24hours}}>
        <label class="form-check-label" for="is_24hours">24時間利用可能</label>
    </div>
</form>

問題

添付の画像の様に「>」が出てきてしまいます。

inputタグ内のvalueを""で囲っても、「">」と出てしまいます。

imputタグのモノだとは分かるのですが、

<input type="checkbox" class="form-check-input" id="is_24hours" value={{form.is_24hours}}>

としてしまって良いものか、あるいはそもそも違う書き方なのかわかりかねています。

{{form.is_24hours}}というのは、バックエンドから取ってきているDB項目です。バックエンドはDjangoです。
この値は取れています。

どなたかご教授いただけると幸いです。

Comments

[m.ts10806]

>{{form.is_24hours}}
上記、なんでしょうか。純粋なHTMLには出てこない記述です。

[m.ts10806]

ブラウザで確認されたのでしたら、「ソースを表示」から出力されたHTMLを確認してください。そのHTMLを確認すれば分かります。

[ak_suzuki]

{{form.is_24fours}は、バックエンド側からとってくる値でして、この値の取得はうまくいてっているものと思います。というのはちゃんとDBの更新はされるからです。

「ソースを表示」すると下記の様になります。
'''
<div class="col-sm-3 form-check">
<input type="checkbox" class="form-check-input" id="is_24hours" value=<input type="checkbox" name="is_24hours" class="form-control" placeholder="24時間使えるか" id="id_is_24hours" checked>>

<label class="form-check-label" for="is_24hours">24時間利用可能</label>
</div>
'''
やはり「>」が重なってしまっています。
重なったしまう>の前に、checkedとありますが、これが{{form.is_24hours}}の値です。

[m.ts10806]

valueにinputのcheckが入ってますね。
うまく取れてても渡す・使う 値を間違えてるのでは

[m.ts10806]

バックエンドが何か、そちらのコードや情報も出さないとこれ以上はなんとも言えないと思います。
自身で解釈のない確実な判断ができないのでしたら、持ってる情報は全て出した方が的確なアドバイスに繋がります。

Answer 1

質問を書き直します。これまで回答くださった方々、ありがとうございました。

Answer 2

「{{form.is_24hours}}というのは、バックエンドから取ってきているDB項目です。」とありますが、「form」とありますので、これはフォームフィールドで、value属性にフォームフィールドがレンダリングされていませんか？レンダリングされたHTMLを確認してみてください。

単純にチェックボックスをチェックするのであれば、コンテキストにspamというbool型の値を設定してテンプレートに渡す場合、下記のようになります。

<input type="checkbox" class="form-check-input" id="is_24hours"{%if spam %} checked{% endif %}>

Answer 3

なんとなくセキュリティに問題があるような気配がしますね。

form.is_24hoursに何が入っているかによると思うのですが、とりあえず

<input type="checkbox" class="form-check-input" id="is_24hours" value="{{form.is_24hours}}">

としてみてはいかがですか？

Comments

[ak_suzuki]

ご回答ありがとうございます。"で囲みますと、「">」と出てしまいます。
{{from.is_24hours}}というのはバックエンドで持っている値で、ture, falseの何かを持つ項目です。

[Lhankor_Mhy]

補足欄を拝見。
from.is_24hours に入っている値が ak_suzuki さんが想定しているものとかなり違うようです。
もう一度確認してみては？

これ以上は、ビューのコードをご提示いただかないと回答はつかないと思います。