Freecodecamp: Adicionando descrição para controles de formulário

Criado em 23 ago. 2016  ·  5Comentários  ·  Fonte: freeCodeCamp/freeCodeCamp

Nome do Desafio

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

descrição do problema

Este desafio seria muito mais informativo se uma descrição do que realmente faz a adição da classe de controle de formulário ao campo de entrada. Algo na linha de:

Todos os elementos textuais [input], [textarea] e [select] com classe [.form-control] têm uma largura de 100%.

first timers only help wanted

Comentários muito úteis

tendo problemas no estilo-texto-entradas-como-formulário-controles
apenas dê um class = "form-control" para

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

2) <div class="row" class="form-control">
antes do primeiro div i.e. <div class="col-xs-4"> sua caixa de seleção

e finalmente adicione aqui
3) <input type="text" placeholder="cat photo URL" class="form-control" required>

Todos 5 comentários

Atualmente, este desafio é bastante curto e vale a pena adicionar uma explicação aqui.

Para o primeiro temporizador:
Você precisará adicionar a frase sob esta linha. Por favor, verifique nossas Diretrizes para Contribuir e se precisar de ajuda entre em contato com a sala de Chat de Contribuidores .

Observação: você só pode enviar uma solicitação pull para esse problema se for novo e não tiver enviado uma antes. Daí o rótulo do problema first-timers-only : locked_out_tongue_winking_eye:

O código que você precisa adicionar especificamente é

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

Deve renderizar como

Todos os elementos textuais <input> , <textarea> e <select> com a classe .form-control têm uma largura de 100%.

Olá. Estou interessado em começar a contribuir para o Free Code Camp. Vou enviar um PR para este problema. Obrigado!

Ei e quanto aos testes ??
Os testes devem ser adicionados para cada entrada.

tendo problemas no estilo-texto-entradas-como-formulário-controles
apenas dê um class = "form-control" para

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

2) <div class="row" class="form-control">
antes do primeiro div i.e. <div class="col-xs-4"> sua caixa de seleção

e finalmente adicione aqui
3) <input type="text" placeholder="cat photo URL" class="form-control" required>

Esta página foi útil?
0 / 5 - 0 avaliações