Form Submission

Our form has several inputs now. The last thing it's missing is a way to send it.

We send a form with a button: the button element with the attribute type="submit". The content of the button element is the text on the button.

<button type="submit">Send</button>

This code is displayed like this:

When the user clicks the button, the browser sends the form data to the address in the form's action attribute. We don't have a server to process the data here, so the preview shows the page exercise.html instead. You can find it in the editor.

You may also come across another way of creating the same button: an input with type="submit", whose text is set by the value attribute:

<input type="submit" value="Send">

The button element is used more often, because its content can be more than plain text.