ページには多くのコントロール (要素またはタグ) があります。これらのタグをより便利に操作するには、ID カードをタグに付ける必要があります。 必要な属性は、名前、ID、クラスです。 1. 名前 タグの名前を指定します。 1.1 フォーマット: <input type="text" name="username" /> 1.2 アプリケーションシナリオ ①form: nameはサーバーに転送されるフォームリストの変数名として使用できます。たとえば、上記でサーバーに転送される名前は、username='テキストの値'です。 ②入力タイプ='radio'ラジオタグ:複数のラジオタグの名前に同じ値を設定すると、ラジオ選択操作が行われます。 コードをコピー コードは次のとおりです。<input type="radio" name='sex'/>男性 <input type="radio" name='sex'/>女性③同じ名前のタグのグループをすばやく取得:同じ名前のタグを取得し、属性の変更、イベントの登録などの操作をまとめて実行します。 [コード] 関数 changtxtcolor() { var txts = document.getElementsByName('txtcolor'); //name=txtcolor のすべてのタグを取得します for (var i = 0; i < txts.length; i++) { //タグをループして背景色を赤に変更します txts[i].style.backgroundColor = '赤'; } } 1.3 特徴 name 属性の値は現在のページ内で一意ではありません。 2. id タグの一意の識別子を指定します。 2.1 フォーマット: <input type=password id="userpwd" /> 2.2 アプリケーションシナリオ: ①提供された固有のID番号に基づいてタグオブジェクトを素早く取得します。例: document.getElementById(id) ② ラベルタグの for 属性の値として使用されます。例: <label for='userid'>Username: </label> は、このラベルタグがクリックされると、ID が userid のラベルにフォーカスが当たることを意味します。 2.3 特徴 id 属性の値は現在のページ上で一意である必要があります。 3. クラス タグのクラス名を指定します。 3.1 フォーマット: <input type=button class="btnsubmit" /> 3.2 アプリケーションシナリオ: ①CSS操作では、特定のスタイルをクラスクラスに配置し、このスタイルのタグが必要な場合はこのクラスを追加します。 3.3 機能: 1 つのクラス属性に複数のクラスを入れることができますが、スペースで区切る必要があります。例: class='btnsubmit btnopen' |
>>: CSS の Display、Visibility、Opacity、rgba、z-index: -1 の違い
実際の開発環境や本番環境では、コンテナを独立して実行することはあまりなく、複数のコンテナを一緒に実行...
v-for タグにキーが追加されていない場合。 <!DOCTYPE html> <...
Vueはパンくずコンポーネントをカプセル化して参照します。具体的な内容は次のとおりです。効果を達成す...
目次1: https証明書を準備する2: nginx sslモジュールを準備する3: SSL証明書を...
MySQL DECIMALデータ型は、データベースに正確な数値を保存するために使用されます。会計シス...
目次アプリケーションシナリオアイデアプロジェクト構造全体的なプロジェクト構造webpack パッケー...
varchar の保存ルール4.0 未満のバージョンでは、varchar(20) は 20 バイトを...
中国初のカッター github.com/chokcocoまず、ここに画像があります。純粋な CSS ...
[LeetCode] 184. 部門最高給与従業員テーブルにはすべての従業員が保存されます。すべて...
CSSを使用してスクロールバーを変更する1.コンテンツがオーバーフローした場合のオーバーフロー設定水...
序文最近、X 省のコールド チェーン トレーサビリティ システムの開発で忙しくしています。毎日午後 ...
目次1. ダウンロード2. nginxとnginx-vts-exporterをインストールする3. ...
解決策1: msvcr100.dll ファイルをダウンロードし (インターネットからソース ファイル...
参考までに、Vue シングル サインオンのデモをご紹介します。詳細を知りたい方のお役に立てれば幸いで...
<br />コンテンツ ページの記事の場合、記事が長すぎる場合やカテゴリ (ランキング)...