Freecodecamp: フォームコントロールの説明を追加する

作成日 2016年08月23日  ·  5コメント  ·  ソース: freeCodeCamp/freeCodeCamp

チャレンジ名

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

問題の説明

フォーム制御クラスを入力フィールドに追加することで実際に何が行われるかを説明すると、この課題ははるかに有益になります。 次のようなもの:

クラス[.form-control]を持つすべてのテキスト[input]、[textarea]、および[select]要素の幅は100%です。

first timers only help wanted

最も参考になるコメント

style-text-inputs-as-form-controlsに問題がある
class = "form-control"をに与えるだけです

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

2) <div class="row" class="form-control">
チェックボックスの最初のdivの前i.e. <div class="col-xs-4">

そして最後にここに追加します
3) <input type="text" placeholder="cat photo URL" class="form-control" required>

全てのコメント5件

この課題は現在非常に短く、ここに説明を追加する価値があります。

最初のタイマーへ:
この行の下に文を追加する必要があります。 貢献に関するガイドラインを確認してください。サポートが必要な場合は、貢献者のチャットルームに連絡してください。

注:この問題のプルリクエストは、初めて送信したことがない場合にのみ送信できます。 したがって、問題ラベルfirst-timers-only :stuck_out_tongue_winking_eye:

具体的に追加する必要があるコードは

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

次のようにレンダリングする必要があります

クラス.form-controlすべてのテキスト<input><textarea> 、および<select>要素の幅は100%です。

ちょっと、そこ。 Free CodeCampへの貢献を始めることに興味を持ったのは初めてです。 この問題のPRを提出します。 ありがとう!

ねえテストはどうですか?
入力ごとにテストを追加する必要があります。

style-text-inputs-as-form-controlsに問題がある
class = "form-control"をに与えるだけです

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

2) <div class="row" class="form-control">
チェックボックスの最初のdivの前i.e. <div class="col-xs-4">

そして最後にここに追加します
3) <input type="text" placeholder="cat photo URL" class="form-control" required>

このページは役に立ちましたか?
0 / 5 - 0 評価