入力タイプ=テキスト値=str を使用するための不完全なソリューション

入力タイプ=テキスト値=str を使用するための不完全なソリューション
今日、非常に奇妙な問題に遭遇しました。次のコードを見てください。
SimpleDateFormat dateFormat = 新しい SimpleDateFormat

コードをコピー
コードは次のとおりです。
teFormat("yyyy 年 MM 月 dd 日 E ");
文字列 date = dateFormat.format(new Date());

当初の意図は、XXXX年XX月XX日週Xを印刷することでした。
問題は次のコードにあります。フォーマットされたデータを取得したい場合、value= メソッドを使用すると「XXXX 年 XX 月 XX 日」しか取得できませんが、その後の「週 X」を取得できません。

コードをコピー
コードは次のとおりです。

<td align="left">
<ラベル>
<input type="text" value=<%=date%> 無効 />
</ラベル>
</td>

①後からHTMLエスケープの問題かもしれないと思い、「yyyy年MM月dd日E」のスペースを全て削除してみたところ、正常に値を取得できたり、「yyyy年MM月dd日-E」に変更できたりしました
②もう一つの方法は、エスケープ文字を使用して、表示する文字列の内容を一つずつ置き換えることです。

コードをコピー
コードは次のとおりです。

<%
文字列結果 = "";
(int i = 0; i < date.length(); i++) の場合 {
スイッチ (date.charAt(i)) {
ケース '<':
結果 += "<";
壊す;
ケース '>':
結果 += ">";
壊す;
場合 '&':
結果 += "&";
壊す;
場合 '"':
結果 += "\"";
壊す;
場合 '\'':
結果 += "'";
壊す;
場合 ' ':
結果 += "&nbsp;";
壊す;
デフォルト:
結果 += date.charAt(i);
}
}
%>

参照文献は以下の通りです
結果の説明を表示するための HTML ソース コード
&lt; < 小なり記号または表示マーク
&gt; > より大きい記号または表示マーク
&amp; &は他の特殊文字を表示するために使用できます
「」引用符
&reg; ® 登録済み
© 著作権
&trade; ™ 商標
&ensp; 半分の空白
&emsp; 空白スペース
&nbsp; 改行なしの空白

<<:  CSSでフレックス配置を表示する(レイアウトツール)

>>:  MySQL 8.0 が起動できない 3534 の解決策

推薦する

ウェブページのメモリとCPU使用量を削減する方法

<br />Web ページによっては、サイズは大きくないように見えても開くのに非常に時間...

Vue の計算プロパティの紹介

目次1. 計算プロパティとは何ですか? 2. 計算プロパティの構文3. 例1. 計算プロパティとは何...

Nginx がサーバーの生存状態をパッシブにチェックする詳細な説明

導入定期的にヘルスチェックを送信して、アップストリーム グループ内の HTTP サーバーのヘルスを監...

Apache Bench ストレステストツールの実装原理と使用状況分析

1: スループット(1秒あたりのリクエスト数)サーバーの同時処理能力を定量的に表したもので、reqs...

Docker 起動時の ES メモリ オーバーフローの解決方法

jvm.options ファイルを elasticsearch 構成に追加し、スタック サイズを変更...

Docker 実行時にユーザーとグループを管理する方法

Docker はプロセスを中核としてシステムリソースを分離する管理ツールです。分離は、オペレーティン...

JavaScript でドラッグ スライダー パズルの検証機能を実装します (html5、canvas)

導入:スライダー ドラッグ検証は現在、多くの場所で使用されています。週末に 1 つ作成しようと思い、...

CSS を使用して複数の方法で下揃えを実装するサンプル コード

会社のビジネス要件により、次の図の赤い領域の効果を達成する必要があります。 効果の説明: 1. 赤い...

React の調整アルゴリズム Diffing アルゴリズム戦略の詳細な説明

目次アルゴリズム戦略単一ノードの差分配列ノードの差分キー値の使用要件アルゴリズム戦略React の調...

デザイン理論:計画、リソース、コミュニケーションの問題について

<br />多くの中小企業ではこの問題は発生しません。中小企業はデザイナーをサポートし、...

Alibaba Cloud Centos7.X で外部にポートを開く方法

一言で言えば、大手メーカーからクラウド サーバーを購入する場合は、セキュリティ グループに移動して、...

Portainer を使用して Docker のビジュアル インターフェースを構築する方法

ポーテナーの紹介Portainer は、ステータス表示パネル、アプリケーション テンプレートの迅速な...

JavaScript を使用してソートアルゴリズムを実装する方法

目次バブルソート選択ソート挿入ソート要約するバブルソートバブルソートは、シーケンスの右側から始めて、...

CSS calc() の数式に関する詳細な理解

数式 calc() は CSS の関数であり、主に数学演算に使用されます。 calc() を使用する...