html5 の隠し属性の使い方がわからないですか?次に、フォームのhidden属性の使用法を見てみましょう。-htmlチュートリアル-php.cn

html5 の隠し属性の使い方がわからないですか?次に、フォームのhidden属性の使用法を見てみましょう。

寻∝梦

リリース： 2018-08-29 14:26:52

オリジナル

11694 人が閲覧しました

この記事ではHTML5で新しく追加されたhidden属性の使い方、

タグでのhidden属性の使い方、formタグでの使い方を中心に紹介していきます

1. まず、隠し属性について説明します:

これは、

タグ内に隠すことができ、ブラウザーでは表示できません。

真ん中に隠し属性を追加しました。他は同じです。結果を見てみましょう

html5 の隠し属性の使い方がわからないですか?次に、フォームのhidden属性の使用法を見てみましょう。

写真のように、4本の線しかなく、真ん中の線が消えています。

この属性の基本的な使用法を理解した後、フォーム内で隠し属性がどのような役割を表すかを見てみましょう

2. フォームの隠し属性の役割:

ページ内の隠しフィールドは次のとおりです。 Invisible ユーザーにとって、フォームに隠しフィールドを挿入する目的は、フォームを処理するプログラムで使用できるように情報を収集または送信することです。閲覧者が送信ボタンをクリックしてフォームを送信すると、隠しフィールドの情報もサーバーに送信されます。
場合によっては、フォーム送信時にユーザーの身元を確認するために、セッションキーなどの情報を提供し、それを送信するよう求める必要があります。もちろん、これらは Cookie を使用して実装することもできますが、非表示フィールドを使用するのがはるかに簡単で、ブラウザが非表示フィールドをサポートしていないことや、ユーザーが Cookie を無効にすることを心配する必要はありません。
フォームに複数の送信ボタンがある場合があります。プログラムは、ユーザーがどのボタンを押して送信したかをどのように識別できるのでしょうか? "xx"" の場合、データを受信した後、最初にコマンドの値をチェックすることで、ユーザーが送信するためにどのボタンを押したかがわかります。
Web ページに複数のフォームが存在する場合がありますが、複数のフォームを同時に送信することはできませんが、フォーム内に非表示フィールドを追加して相互に連携できる場合があります。
JavaScript はグローバル変数をサポートしていませんが、場合によってはグローバル変数を使用しなければならない場合があります。最初に値を隠しフィールドに保存すると、その値は失われません。
たとえば、ボタンを押すと 4 つの小さなウィンドウが表示され、そのうちの 1 つをクリックすると、他の 3 つは自動的に閉じます。ただし、IE は小さなウィンドウの相互呼び出しをサポートしていないため、親ウィンドウに隠しフィールドを書き込むことしかできません。小さなウィンドウは、隠しフィールドの値が近いことを確認すると、それ自体を閉じます。

例: 送信ボタンをクリックしたときに数字を 1 つ増やすには hidden を使用します。値は自動的に増加します。htm

<html>
<head>
<meta charset="UTF-8">
<title>php中文网</title>
</head>
<body>
  <p>这个段落没有被隐藏。</p>
<p>这个段落没有被隐藏。</p>  
<p hidden>这个段落应该被隐藏。</p>
<p>这个段落没有被隐藏。</p>
<p>这个段落没有被隐藏。</p>
</body>
</html>

ログイン後にコピー

さて、上記は HTML5 の hidden 属性を 2 か所で使用する方法についてです。ご不明な点がございましたら、以下よりお問い合わせください

【編集者のおすすめ】

HTMLのulタグの意味は何ですか？ HTMLのulタグの役割を詳しく解説

htmlでpreタグ内の文字を折り返すには？ HTMLプレタグの使用例

以上がhtml5 の隠し属性の使い方がわからないですか?次に、フォームのhidden属性の使用法を見てみましょう。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。