Formulário Responsive Web Design - freeCodeCamp
Requisitos para o teste (não era necessário CSS) - Test requirements (CSS wasn't necessary to complete it)
#1: Um título dentro de H1 com a id="title". (A title with id="title" in H1 sized text.)
#2: Uma breve descrição dentro de P com a id="description". (A short explanation with id="description" in P sized text.)
#3: Um elemento form com a id="survey-form". (A form with id="survey-form".)
#4: Dentro do elemento form, um input para colocar o nome com a id="name". (Inside the form element, I am required to enter my name in a field with id="name".)
#5: Dentro do elemento form, um input para colocar um email com a id="email". (Inside the form element, I am required to enter an email in a field with id="email".)
#6: Se o email inserido não estiver fomatado corretamente, o HTML5 retornará um erro. (If I enter an email that is not formatted correctly, I will see an HTML5 validation error.)
#7: Dentro do elemento form, um input para colocar números com a id="number". (Inside the form, I can enter a number in a field with id="number".)
#8: Se o campo não for preenchido com número, o HTML5 retornará um erro. (If I enter non-numbers in the number input, I will see an HTML5 validation error.)
#9: Se o campo for preenchido com números fora do alcance determinado pelos atributos min e max, o HTML5 retornará um erro. (If I enter numbers outside the range of the number input, which are defined by the min and max attributes, I will see an HTML5 validation error.)
#10: Para os inputs de nome, email, e número dentro do elemento formulário, é preciso criar uma label que descreva cada campo com as seguintes ids: "name-label", "email-label", e "number-label". (For the name, email, and number input fields inside the form I can see corresponding labels that describe the purpose of each field with the following ids: id="name-label", id="email-label", and id="number-label".)
#11: Os inputs de nome, email, e número, devem conter um placeholder que contém instruções de cada um. (For the name, email, and number input fields, I can see placeholder text that gives me a description or instructions for each field.)
#12: Dentro do elemento form, deve conter uma lista de opções com a id="dropdown" (Inside the form element, I can select an option from a dropdown that has a corresponding id="dropdown".)
#13: Dentro do elemento form, deve conter botões radio type com o atributo name. (Inside the form element, I can select a field from one or more groups of radio buttons. Each group should be grouped using the name attribute.)
#14: Dentro do elemento form, devem conter checkboxes e cada uma deve ter o atributo value. (Inside the form element, I can select several fields from a series of checkboxes, each of which must have a value attribute.)
#15: Dentro do elemento form, deve conter uma textarea no final para comentários adicionais. (Inside the form element, I am presented with a textarea at the end for additional comments.)
#16: Dentro do elemento form, deve conter um botão com a id="submit" para eviar todos os dados inseridos. (Inside the form element, I am presented with a button with id="submit" to submit all my inputs.)