Create web forms for websites (practical tutorial)

Here you will find out what the course is about and what you can expect.

Why should one even use HTML forms and how does that work in general?

Here the project is created, in which the first form is integrated.

You create your first simple form and learn the basic structure.

We are exploring the various uses of HTML forms in web applications.

You will learn how to read and process the data entered by users with JavaScript.

I will discuss the design options of forms and introduce you to various input fields.

You are implementing a simple email validation to ensure that the entered data complies with the email format.

We deal with numerical inputs and the associated attributes for restricting the possible values.

You will learn how to handle events in JS that occur when the content of an input field changes.

We deepen the topic of event handling and use addEventListener for more flexible responses.

A comprehensive summary of the various input types and their properties.

We clarify the most important attributes to control the behavior of input fields.

You will learn how to perform complex validations with regular expressions and the required attribute.

We will show you how you can activate or deactivate the spell check in your forms.

You will learn how to create password fields.

We start with the basics of checkboxes and their possible uses.

You will learn how to read and set the state of checkboxes using JavaScript.

I show various ways to customize the appearance of checkboxes.

I explain the functionality of radio buttons and how to use them in your forms.

You are learning how to allow users to upload files.

You deepen your knowledge of file upload and learn how to process the selected file with JavaScript.

I will address the use of hidden input fields to transmit additional information.

We summarize the various options for entering numbers.

You will learn how to let users select a specific range of values with range sliders and how to implement a slider.

I will show you how to implement date and time inputs in your forms.

We focus on the special input fields for email addresses and URLs.

You learn how to let users select colors via a color picker.

I present to you the input fields for search terms and phone numbers.

You will learn how to implement multiline text inputs with the textarea element.

I explain how to create selectable lists with the select element.

You'll learn how to group the options in a select list.

I will show you how to create suggestion lists for input fields.

You will learn how to activate the automatic completion of inputs.

I explain how you structure your forms with fieldset elements.

A comprehensive introduction to client-side form validation with JavaScript.

I will show you how to receive the form data sent to the server using Node.js and Express .

You learn how to receive form data using the GET method.

I will explain how you receive form data using the POST method.

We are starting by creating a React project and integrating forms.

You will learn how to use various input elements in React.

We are dealing with the select and textarea elements in React.

I will show you how to handle forms with the JavaScript framework Alpine.js.

I explain how you integrate forms into Vue.js applications.