Web Developement

Multiple
๏บEnroll for Codenera

Content

Learn HTML Forms In 25 Minutes

Data is key to the web, and the only way to collect data is HTML forms. In this video I will be covering absolutely everything you need to know about HTML forms in under 25 minutes. We will cover the main attributes of the form tag, how to create input elements with labels, and how to properly submit a form. This video is packed with every piece of information you need to know about HTML forms.

We will start by building a registration form with basic input fields and expand upon the example covering all form elements. We will discuss everything from text input, to check boxes. We will also cover form validation as well as label placement. By the end of this video you will know everything you need about HTML forms.

๐Ÿ“š Materials/References:

CodePen Code: https://codepen.io/WebDevSimplified/p...

๐Ÿง  Concepts Covered:

- Form tag attributes

- GET vs POST

- Label tag attributes

- Input tag attributes

- All important input tag types

- Select and option tag

- Textarea tag

- Submit and reset button

- HTML form validation

- Form accessibility best practices

๐ŸŒŽ Find Me Here:

Twitter: https://twitter.com/DevSimplified

Discord: https://discord.gg/7StTjnR

GitHub: https://github.com/WebDevSimplified

CodePen: https://codepen.io/WebDevSimplified

#HTML #WDS #Forms

โ€

Web Developement

Web Developement

Data is key to the web, and the only way to collect data is HTML forms. In this video I will be covering absolutely everything you need to know about HTML forms in under 25 minutes. We will cover the main attributes of the form tag, how to create input elements with labels, and how to properly submit a form. This video is packed with every piece of information you need to know about HTML forms.

We will start by building a registration form with basic input fields and expand upon the example covering all form elements. We will discuss everything from text input, to check boxes. We will also cover form validation as well as label placement. By the end of this video you will know everything you need about HTML forms.

๐Ÿ“š Materials/References:

CodePen Code: https://codepen.io/WebDevSimplified/p...

๐Ÿง  Concepts Covered:

- Form tag attributes

- GET vs POST

- Label tag attributes

- Input tag attributes

- All important input tag types

- Select and option tag

- Textarea tag

- Submit and reset button

- HTML form validation

- Form accessibility best practices

๐ŸŒŽ Find Me Here:

Twitter: https://twitter.com/DevSimplified

Discord: https://discord.gg/7StTjnR

GitHub: https://github.com/WebDevSimplified

CodePen: https://codepen.io/WebDevSimplified

#HTML #WDS #Forms

โ€

Course Overview

Whatโ€™s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

๏บEnroll for Codenera