Freecodecamp: Добавление описания для форм-элементов управления

Созданный на 23 авг. 2016  ·  5Комментарии  ·  Источник: freeCodeCamp/freeCodeCamp

Название испытания

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

Описание проблемы

Эта задача была бы намного более информативной, если бы описание того, что на самом деле делает добавление класса управления формой в поле ввода. Что-то вроде:

Все текстовые элементы [input], [textarea] и [select] с классом [.form-control] имеют ширину 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">
перед 1-м 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%."

Он должен отображаться как

Все текстовые элементы <input> , <textarea> и <select> с классом .form-control имеют ширину 100%.

Привет всем. Я новичок, заинтересованный в том, чтобы начать работу над Free Code Camp. Я отправлю 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">
перед 1-м div вашего флажка i.e. <div class="col-xs-4">

и, наконец, добавьте сюда
3) <input type="text" placeholder="cat photo URL" class="form-control" required>

Была ли эта страница полезной?
0 / 5 - 0 рейтинги