Freecodecamp: Beschreibung für Formularsteuerelemente hinzufügen

Erstellt am 23. Aug. 2016  ·  5Kommentare  ·  Quelle: freeCodeCamp/freeCodeCamp

Name der Herausforderung

https://www.freecodecamp.com/challenges/style-text-inputs-as-form-controls

Fehlerbeschreibung

Diese Herausforderung wäre viel informativer, wenn eine Beschreibung dessen, was das Hinzufügen der Formularsteuerungsklasse zum Eingabefeld tatsächlich bewirkt. Etwas in der Art von:

Alle Textelemente [Eingabe], [Textbereich] und [Auswahl] mit der Klasse [.form-control] haben eine Breite von 100%.

first timers only help wanted

Hilfreichster Kommentar

Probleme bei der Eingabe von Stiltexten als Formularsteuerelemente
Geben Sie einfach eine class = "form-control" an

1) <form action="/submit-cat-photo" class="form-control">

2) <div class="row" class="form-control">
vor dem 1. Div Ihres Kontrollkästchens i.e. <div class="col-xs-4">

und zum Schluss hier hinzufügen
3) <input type="text" placeholder="cat photo URL" class="form-control" required>

Alle 5 Kommentare

Diese Herausforderung ist derzeit recht kurz und es lohnt sich trotzig, hier eine Erklärung hinzuzufügen.

Zum ersten Timer:
Sie müssen den Satz unter dieser Zeile hinzufügen. Bitte lesen Sie unsere Richtlinien für Beiträge und wenden Sie sich an den Chatraum der

Hinweis: Sie können eine Pull-Anfrage für dieses Problem nur senden, wenn Sie neu sind und noch keine gesendet haben. Daher das Issue-Label first-timers-only : stick_out_tongue_winking_eye:

Der Code, den Sie speziell hinzufügen müssen, ist

"All textual <code>&lt;input&gt;</code>, <code>&lt;textarea&gt;</code>, and <code>&lt;select&gt;</code> elements with the class <code>.form-control</code> have a width of 100%."

Es sollte als rendern

Alle Textelemente <input> , <textarea> und <select> mit der Klasse .form-control haben eine Breite von 100%.

Sie da. Ich bin ein Anfänger, der daran interessiert ist, einen Beitrag zum Free Code Camp zu leisten. Ich werde eine PR für dieses Problem einreichen. Vielen Dank!

Hey was ist mit Tests?
Für jede Eingabe sollten Tests hinzugefügt werden.

Probleme bei der Eingabe von Stiltexten als Formularsteuerelemente
Geben Sie einfach eine class = "form-control" an

1) <form action="/submit-cat-photo" class="form-control">

2) <div class="row" class="form-control">
vor dem 1. Div Ihres Kontrollkästchens i.e. <div class="col-xs-4">

und zum Schluss hier hinzufügen
3) <input type="text" placeholder="cat photo URL" class="form-control" required>

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen