Posts Tagged ‘HTML’

FCC Challenge 35: Nest Many Elements within a Single Div Element

In Free Code Camp Challenge 35 we learn to nest elements within div elements. The div element, also known as a division element, is a general purpose container for other elements. The div element is probably the most commonly used HTML element of all. It’s useful for passing the CSS of its own class declarations…

Read More

FCC Challenge 34: Check Radio Buttons and Checkboxes by Default

In Free Code Camp Challenge 34 we learn to preselect radio buttons and checkboxes by default. You can set a checkbox or radio button to be checked by default using the checked attribute. To do this, just add the word “checked” to the inside of an input element. For example: <input type="radio" name="test-name" checked> Set…

Read More

FCC Challenge 33: Create a Set of Checkboxes

In Free Code Camp challenge 33 we learn to create checkboxes. Forms commonly use checkboxes for questions that may have more than one answer. Checkboxes are a type of input Each of your checkboxes should be nested within its own label element. All related checkbox inputs should have the same name attribute. Here’s an example…

Read More

FCC Challenge 32: Create a Set of Radio Buttons

In Free Code Camp Challenge 32 we learn to create selectable radio buttons. You can use radio buttons for questions where you want the user to only give you one answer. Radio buttons are a type of input Each of your radio buttons should be nested within its own label element. All related radio buttons…

Read More

FCC Challenge 31: Use HTML5 to Require a Field

In Free Code Camp Challenge 31 we can make a field required before submission using HTML5. You can require specific form fields so that your user will not be able to submit your form until he or she has filled them out. For example, if you wanted to make a text input field required, you…

Read More

FCC Challenge 30: Add a Submit Button to a Form

In Free Code Camp Challenge 30 we’re adding a submit button to the submission form. Let’s add a submit button to your form. Clicking this button will send the data from your form to the URL you specified with your form’s action attribute. Here’s an example submit button: <button type="submit">this button submits the form</button> Add…

Read More