8850 Form Website 2016-2024

Hi and welcome back. In this exercise, we will demonstrate how to build a modern all-purpose website contact form that uses some new HTML5 features, Ajax, and PHP. Everything happens without reloading the page or navigating to another document. To parse the data, you can put this form to work on any website that processes PHP, and you can modify it for other purposes very easily. Now, if you need to get to the completed code, I'm going to put a link to the completed code down in the description text of the video. We're going to start with the bare bones of an HTML5 web document and the bare bones of a PHP script. The first thing I'll do is go into the body element and pop the form in and explain it to you very quickly. The form has an ID attribute of "my form". In the onsubmit event, we're going to run a JavaScript function called "submitForm". Then we just put "return false" after that to stop all the normal behavior that usually happens when a person submits a form because we want this submitForm function to handle everything. Now, I just put paragraph elements in place to give all of these input fields some space. Now the first input field has an ID of "n", which is short for "name". Then for the placeholder text that's going to be inside of the field, we just put the string "name" so that the user knows that they have to put their name in that field. And then we add the "required" attribute to make sure that they give us a name before they can submit the form. The next input has an ID of "e", which is short for "email", and its placeholder text will be "email address". We're...