HTML における if 判断の使用

HTML における if 判断の使用

Django Web開発の過程で、HTMLを書く際にバックエンドから同じ名前のリスト変数が渡されるが、内容の形式が異なるため別途判断する必要がある。多くの記事を参考にし、いくつかの方法を試したが、形式が間違っているようだ(体系的にフロントエンドを勉強したわけではなく、基本的にそのままコピーしただけ)
その後、Djangoフレームワークでhtml ifの使い方を見つけました

フォーマットはおおよそ次のとおりです

  <div class="if/else">
                    {% if フォーム名 == 'Callrecords' %}
                        通話記録
                    {% elif フォーム名 == 'ライドレコード' %}
                        ライドレコード
                    {% elif フォーム名 == 'クラブ情報' %}
                        クラブ情報
                    {% elif フォーム名 == 'クラブメンバー' %}
                        クラブメンバー
                    {% elif フォーム名 == '個人情報' %}
                        個人情報
                    {% 終了 %}
                    </div>

この構文は Django によって提供され、ネイティブ HTML コードの記述で使用されますが、役に立ちません。上記のコード ボックスでは HTML 形式が使用されていますが、<div> タグ間のコンテンツは HTML 言語でマークできないこともわかります。これは、組み込みの HTML 構文ではないことを示しています。
しかし、少なくとも私の Django プロジェクトでは問題なく使用できます。

要約する

上記はエディターが紹介した HTML での if 判断の使い方です。皆様のお役に立てれば幸いです。ご質問があればメッセージを残してください。エディターがすぐに返信いたします。

<<:  MySQLに挿入する前にデータが存在するかどうかを確認する方法

>>:  Vueデータ監視の原理の詳細な説明

推薦する

ブラウザのスクロールバーのスタイルを変更するための純粋な CSS の例

CSSを使用してブラウザのスクロールバーのスタイルを変更する ::-webkit-スクロールバー{ ...

Tomcat9 のダウンロード、インストール、設定 + Eclipse への統合に関する詳細なチュートリアル

トムキャット公式サイトtomcatはローカルサーバーと同等であり、Webページを開くことができます設...

3分でUbuntu 16.04を初期化し、Java、Maven、Docker環境をデプロイする

Fast-Linux プロジェクト アドレス: https://gitee.com/uitc/Fas...

Centos8 は kdc 暗号化に基づいて nfs を構築します

目次構成nfs サーバー (nfs.skills.com) nfs クライアント (client.s...

JavaScript にはすでに Object があるのに、なぜ Map が必要なのでしょうか?

目次1. オブジェクトをマップとして扱わない1. 未定義のプロパティはプロトタイプチェーンを通じてア...

HTML pre タグ内の自動改行

このとき、overflow:auto;(コードがコンテナの境界を超えたときにスクロールボックスを表示...

this.parentNode.parentNode (親ノードの親ノード) はどういう意味ですか?

親ノードの親ノード、例えば、このような段落がありますHTML:コードをコピーコードは次のとおりです。...

CSS でテキストカラーグラデーションを実装する 3 つの方法

Web フロントエンド開発のプロセスでは、UI デザイナーはグラデーション テキストを使用したデザイ...

nginx + セカンダリドメイン名 + https サポートを使用する

ステップ1: Alibaba Cloudプライマリドメイン名にセカンダリドメイン名を追加する2 番目...

MySQL の同時実行性の問題と解決策の分析

目次1. 背景2. テーブルロックによるクエリの遅延3. オンラインでテーブル構造を変更するとどのよ...

HTML におけるいくつかの特殊属性タグの使用法の紹介

以下の属性はブラウザとの互換性があまりありません。 1.transform:rotate(45度) ...

MySQL 8.0.23のルートパスワードをリセットするための最適なソリューション

この方法は2021年2月7日に編集されました。私が使用しているバージョンは8.0.23です。事件の原...

Redission-tomcatは、単一マシンから複数マシンへの展開を迅速に実装します。

序文一部のプロジェクトの初期段階では、シンプルさとスピードのために、開発と展開は単一のマシンで行われ...

HTML ページはダーク モードの実装をサポートします

2019年から、AndroidとiOSの両方のプラットフォームでダークモードが使用され始めました。も...

MySQL Bツリーインデックスとインデックス最適化の概要についての簡単な説明

MySQL の MyISAM エンジンと InnoDB エンジンはどちらもデフォルトで B+ ツリー...