Ausführliche Erklärung von CSS zum Hinzufügen von Sternchen zu erforderlichen Formularoptionen

Das Hinzufügen eines Sternchens zu einem Formular bedeutet, dass es sich um ein Pflichtfeld handelt. In diesem Artikel sehen wir uns hoffentlich ein Beispiel für das Hinzufügen eines Sternchens zu einem Pflichtfeld an es kann jedem helfen.

<script>ec(2);</script>

Wenn beim Erstellen eines Webformulars eine Option erforderlich ist, fügen Sie normalerweise ein Sternchen zur Option hinzu, z. B. beim WordPress-Kommentarformular:

<p class="form-group">
   <label for="author">姓名</label> <span class="required">*</span>
   <input type="text" id="author" name="author" required="required" size="30" class="form-text">
  </p>

und geben Sie dann „Hinzufügen“ ein ein kleiner CSS-Stil zum Sternchen:

  .form-group span.required {
   color: #999;
   font-size: 150%;
  }

CSS Fügen Sie den erforderlichen Formularoptionen ein Sternchen hinzu

Aber manchmal können wir die HTML-Struktur möglicherweise nicht ändern, oder wir Wenn Sie kein zusätzliches bedeutungsloses Etikett hinzufügen möchten, können Sie die CSS-Nach-Pseudoklasse verwenden, um ein Sternchen zu erstellen.

Löschen Sie weiterhin im obigen Formular den *-Code und fügen Sie dann CSS hinzu:

  .form-group label:after {
   content: ' *';
   color: #999;
   font-size: 150%;
  }

Auf diese Weise können Sie Übergeben Sie CSS, um ein Sternchen zu erstellen, das eine erforderliche Auswahl darstellt.

Tatsächlich sind CSS vor und nach Pseudoklassen sehr einfach zu verwenden. Die meisten Leute verwenden sie nur, um Floats zu löschen. Tatsächlich können Sie erstaunliche Dinge tun, indem Sie sie sinnvoll einsetzen dieser beiden Pseudoklassen.

Verwandte Empfehlungen:

Umfassende Zusammenfassung des Wissens über die Vererbung von Attributwerten in CSS

Umfassende Methoden zum Anpassen von Textauslassungen in reinem CSS

Detaillierte Erläuterung der CSS-Absatzeigenschaften

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung von CSS zum Hinzufügen von Sternchen zu erforderlichen Formularoptionen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!