https://www.freecodecamp.com/challenges/style-text-inputs-as-form-controls
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%.
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><input></code>, <code><textarea></code>, and <code><select></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>
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>