html - クラスにIDを割り当てて入力することはできますか?

Question

WordPress の重力フォーム プラグインを使用しており、個々の入力にクラスを割り当てることができます。「Email」というフォームフィールドがあり、この入力に「Email」のIDを自動的に与える「Email」というクラスに割り当てたいと思います。したがって、名前の入力 ID を「Email」にするよう求める入力が必要な場合でも、それを email クラスに割り当てるだけで済みます。CSS を使用して、入力クラスを介して入力 ID を自動的に割り当てることは可能ですか? この CSS クラスはどのようになりますか?

Answer 1

CSS は要素の属性を設定できません。

HTML 要素の属性 (id、name、type、value など) を編集できるのは JavaScript だけです。

あなたが達成しようとしている望ましい結果は何ですか？

Answer 2

言いたいことを勘違いしているかもしれませんが、CSSクラスではロジックの代入などはできません。CSSはスタイリング用です。入力に ​​ID と電子メールのクラスを持たせたい場合は、それらを個別に割り当てる必要があります (クラスは ID を割り当てることはできません)。

jQuery または JavaScript を使用して入力のクラスを取得し、それを ID として割り当てることができます。ただし、クラス名が変更されるか、動的に生成されることが予想される場合にのみ役立ちます。

jQuery を使用した ID の追加に関する SO 投稿。

クラスの追加も非常に簡単です: jQuery Docs - addClass()

$("p").addClass("myClass");