Freecodecamp: Ajout d'une description pour les contrôles de formulaire

Créé le 23 août 2016  ·  5Commentaires  ·  Source: freeCodeCamp/freeCodeCamp

Nom du défi

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

Description du problème

Ce défi serait beaucoup plus instructif si une description de ce que fait réellement l'ajout de la classe de contrôle de formulaire au champ d'entrée. Quelque chose du genre:

Tous les éléments textuels [input], [textarea] et [select] avec la classe [.form-control] ont une largeur de 100%.

first timers only help wanted

Commentaire le plus utile

ayant un problème dans style-text-inputs-as-form-controls
donnez simplement un class = "form-control" à

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

2) <div class="row" class="form-control">
avant le 1er div i.e. <div class="col-xs-4"> votre case à cocher

et enfin ajouter ici
3) <input type="text" placeholder="cat photo URL" class="form-control" required>

Tous les 5 commentaires

Ce défi est actuellement assez court et il vaut la peine d'ajouter une explication ici.

À la première minuterie:
Vous devrez ajouter la phrase sous cette ligne. Veuillez consulter nos Consignes de contribution et si vous avez besoin d'aide, contactez le salon de discussion des contributeurs .

Remarque: vous ne pouvez soumettre une pull request pour ce problème que si vous êtes nouveau et n'en avez pas encore soumis. D'où le libellé du problème first-timers-only : stuck_out_tongue_winking_eye:

Le code que vous devrez ajouter spécifiquement est

"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%."

Il devrait s'afficher comme

Tous les éléments textuels <input> , <textarea> et <select> avec la classe .form-control ont une largeur de 100%.

Héy. Je suis un débutant intéressé à commencer à contribuer à Free Code Camp. Je vais soumettre un PR pour ce numéro. Merci!

Hey et les tests ??
Des tests doivent être ajoutés pour chaque entrée.

ayant un problème dans style-text-inputs-as-form-controls
donnez simplement un class = "form-control" à

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

2) <div class="row" class="form-control">
avant le 1er div i.e. <div class="col-xs-4"> votre case à cocher

et enfin ajouter ici
3) <input type="text" placeholder="cat photo URL" class="form-control" required>

Cette page vous a été utile?
0 / 5 - 0 notes