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

FCC Challenge 29: Create a Form Element

In Free Code Camp Challenge 29 we’re submitting a form to the server. You can build web forms that actually submit data to a server using nothing more than pure HTML. You can do this by specifying an action on your form element. For example: <form action="/url-where-you-want-to-submit-form-data"></form> Nest your text field in a form element.…

Read More

FCC Challenge 28: Add Placeholder Text to a Text Field

In Free Code Camp Challenge 28 we can add a placeholder text to the text input field. Your placeholder text is what appears in your text input before your user has input anything. You can create placeholder text like so: <input type="text" placeholder="this is placeholder text"> Set the placeholder value of your text input to…

Read More

FCC Challenge 27: Create a Text Field

In Free Code Camp Challenge 27 we’re creating a text input field. Now let’s create a web form. Text inputs are a convenient way to get input from your user. You can create one like this: <input type="text"> Note that input elements are self-closing. Create an input element of type text below your lists. The…

Read More

Locating a WebElement for Selenium WebDriver With Firebug

Before an element can be found by WebDriver, we need to manually find the element using a Firefox Addon called Firebug 1. Open Firefox 2. Install the Firebug addon if its not already installed 3. Turn on Firebug addon 4. Click the mouse arrow in the Firebug panel 5. Click on an element on the…

Read More