HTML Forms For Beginners: A Basic Introduction

  • Course provided by Udemy
  • Study type: Online
  • Starts: Anytime
  • Price: See latest price on Udemy
Udemy

Course Description

HTML Forms are one of the main points of interaction between a user and a web site or application. They allow users to send data to the web site. Most of the time that data is sent to the web server, but the web page can also intercept it to use it on its own.

An HTML Form is made of one or more input elements. Those input elements can be text fields (single line or multiline), select boxes, buttons, checkboxes, or radio buttons. Most of the time, those input elements are paired with a label that describes their purpose.

The main difference between an HTML form and a regular HTML document is that, most of the time, the data collected by the form is sent to a web server.

In this introductory course you will learn how to create the following types of forms:

  • Input with first name and last name
  • Dropdown selection form
  • Group data form
  • Form with submit button

This course is video based and is less than 2 hours.

Who this course is for:

  • This HTML Form course is meant for those with basic knowledge of Html and Css . Also a working knowledge of Text Editors. This course is probably not for you if you are looking to learn more advanced form creation.

Instructor

Learning made simple
  • 4.2 Instructor Rating
  • 25,398 Reviews
  • 660,465 Students
  • 276 Courses

Bluelime is UK based and creates quality easy to understand eLearning solutions .All our courses are 100% video based. We teach hands –on- examples that teach real life skills .

Bluelime has engaged in various types of projects for fortune 500 companies and understands what is required to prepare students with the relevant skills they need.

Expected Outcomes

  1. Learn to create a simple input form Learn to create a form with a dropdown list Learn to create a form with a radio button Learn to create a form with grouped related data Learn how to create a submit button to a form Learn about posting form data Course content 1 section • 9 lectures • 54m total length HTML Forms 9 lectures • 54min Introduction Preview 02:54 Creating a simple form Preview 04:21 Creating a Textarea Preview 04:08 Creating a form with a dropdownlist 03:20 Grouping form data 05:41 Mini Project: Creating a form Part 1 (Structure) 12:10 Mini Project: Creating a form Part2 (Styling) 11:47 Storing Form Input locally 09:39 Thank You 00:09 Requirements How to use a plain text editor Basic Html and Css Knowledge Description HTML Forms are one of the main points of interaction between a user and a web site or application. They allow users to send data to the web site. Most of the time that data is sent to the web server, but the web page can also intercept it to use it on its own. An HTML Form is made of one or more input elements. Those input elements can be text fields (single line or multiline), select boxes, buttons, checkboxes, or radio buttons. Most of the time, those input elements are paired with a label that describes their purpose. The main difference between an HTML form and a regular HTML document is that, most of the time, the data collected by the form is sent to a web server. In this introductory course you will learn how to create the following types of forms: Input with first name and last name Dropdown selection form Group data form Form with submit button This course is video based and is less than 2 hours. Who this course is for: This HTML Form course is meant for those with basic knowledge of Html and Css . Also a working knowledge of Text Editors. This course is probably not for you if you are looking to learn more advanced form creation. Show more Show less Instructor Bluelime Learning Solutions Learning made simple 4.2 Instructor Rating 25,398 Reviews 660,465 Students 276 Courses Bluelime is UK based and creates quality easy to understand eLearning solutions .All our courses are 100% video based. We teach hands –on- examples that teach real life skills . Bluelime has engaged in various types of projects for fortune 500 companies and understands what is required to prepare students with the relevant skills they need. Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'677884332bd740f5',m:'8c344650885b708f8e7332531f99f625f7b7411c-1627752227-1800-ARmhnYx3C7mg3dSPS4FEdJzmllVtm+2HdpblKro3uNRhbKLTMFsc68wmvCOknPgQDbYY3XOJS5PCd4ArP6mfjcaPKmF0Ac2qSCn1SwviXPuIMIXOyk5aD8kHjVcE9NQ37PiVbUQ6FWssl5e/O2F7WJujrtPZLvbvZt26SRHP8hbcEyDGgkwMJ9UCCS8RYqlD0Q==',s:[0xebf766d371,0x6d42b36aad],}})();
  2. Learn to create a form with a dropdown list Learn to create a form with a radio button Learn to create a form with grouped related data Learn how to create a submit button to a form Learn about posting form data Course content 1 section • 9 lectures • 54m total length HTML Forms 9 lectures • 54min Introduction Preview 02:54 Creating a simple form Preview 04:21 Creating a Textarea Preview 04:08 Creating a form with a dropdownlist 03:20 Grouping form data 05:41 Mini Project: Creating a form Part 1 (Structure) 12:10 Mini Project: Creating a form Part2 (Styling) 11:47 Storing Form Input locally 09:39 Thank You 00:09 Requirements How to use a plain text editor Basic Html and Css Knowledge Description HTML Forms are one of the main points of interaction between a user and a web site or application. They allow users to send data to the web site. Most of the time that data is sent to the web server, but the web page can also intercept it to use it on its own. An HTML Form is made of one or more input elements. Those input elements can be text fields (single line or multiline), select boxes, buttons, checkboxes, or radio buttons. Most of the time, those input elements are paired with a label that describes their purpose. The main difference between an HTML form and a regular HTML document is that, most of the time, the data collected by the form is sent to a web server. In this introductory course you will learn how to create the following types of forms: Input with first name and last name Dropdown selection form Group data form Form with submit button This course is video based and is less than 2 hours. Who this course is for: This HTML Form course is meant for those with basic knowledge of Html and Css . Also a working knowledge of Text Editors. This course is probably not for you if you are looking to learn more advanced form creation. Show more Show less Instructor Bluelime Learning Solutions Learning made simple 4.2 Instructor Rating 25,398 Reviews 660,465 Students 276 Courses Bluelime is UK based and creates quality easy to understand eLearning solutions .All our courses are 100% video based. We teach hands –on- examples that teach real life skills . Bluelime has engaged in various types of projects for fortune 500 companies and understands what is required to prepare students with the relevant skills they need. Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'677884332bd740f5',m:'8c344650885b708f8e7332531f99f625f7b7411c-1627752227-1800-ARmhnYx3C7mg3dSPS4FEdJzmllVtm+2HdpblKro3uNRhbKLTMFsc68wmvCOknPgQDbYY3XOJS5PCd4ArP6mfjcaPKmF0Ac2qSCn1SwviXPuIMIXOyk5aD8kHjVcE9NQ37PiVbUQ6FWssl5e/O2F7WJujrtPZLvbvZt26SRHP8hbcEyDGgkwMJ9UCCS8RYqlD0Q==',s:[0xebf766d371,0x6d42b36aad],}})();
  3. Learn to create a form with a radio button Learn to create a form with grouped related data Learn how to create a submit button to a form Learn about posting form data Course content 1 section • 9 lectures • 54m total length HTML Forms 9 lectures • 54min Introduction Preview 02:54 Creating a simple form Preview 04:21 Creating a Textarea Preview 04:08 Creating a form with a dropdownlist 03:20 Grouping form data 05:41 Mini Project: Creating a form Part 1 (Structure) 12:10 Mini Project: Creating a form Part2 (Styling) 11:47 Storing Form Input locally 09:39 Thank You 00:09 Requirements How to use a plain text editor Basic Html and Css Knowledge Description HTML Forms are one of the main points of interaction between a user and a web site or application. They allow users to send data to the web site. Most of the time that data is sent to the web server, but the web page can also intercept it to use it on its own. An HTML Form is made of one or more input elements. Those input elements can be text fields (single line or multiline), select boxes, buttons, checkboxes, or radio buttons. Most of the time, those input elements are paired with a label that describes their purpose. The main difference between an HTML form and a regular HTML document is that, most of the time, the data collected by the form is sent to a web server. In this introductory course you will learn how to create the following types of forms: Input with first name and last name Dropdown selection form Group data form Form with submit button This course is video based and is less than 2 hours. Who this course is for: This HTML Form course is meant for those with basic knowledge of Html and Css . Also a working knowledge of Text Editors. This course is probably not for you if you are looking to learn more advanced form creation. Show more Show less Instructor Bluelime Learning Solutions Learning made simple 4.2 Instructor Rating 25,398 Reviews 660,465 Students 276 Courses Bluelime is UK based and creates quality easy to understand eLearning solutions .All our courses are 100% video based. We teach hands –on- examples that teach real life skills . Bluelime has engaged in various types of projects for fortune 500 companies and understands what is required to prepare students with the relevant skills they need. Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'677884332bd740f5',m:'8c344650885b708f8e7332531f99f625f7b7411c-1627752227-1800-ARmhnYx3C7mg3dSPS4FEdJzmllVtm+2HdpblKro3uNRhbKLTMFsc68wmvCOknPgQDbYY3XOJS5PCd4ArP6mfjcaPKmF0Ac2qSCn1SwviXPuIMIXOyk5aD8kHjVcE9NQ37PiVbUQ6FWssl5e/O2F7WJujrtPZLvbvZt26SRHP8hbcEyDGgkwMJ9UCCS8RYqlD0Q==',s:[0xebf766d371,0x6d42b36aad],}})();
  4. Learn to create a form with grouped related data Learn how to create a submit button to a form Learn about posting form data Course content 1 section • 9 lectures • 54m total length HTML Forms 9 lectures • 54min Introduction Preview 02:54 Creating a simple form Preview 04:21 Creating a Textarea Preview 04:08 Creating a form with a dropdownlist 03:20 Grouping form data 05:41 Mini Project: Creating a form Part 1 (Structure) 12:10 Mini Project: Creating a form Part2 (Styling) 11:47 Storing Form Input locally 09:39 Thank You 00:09 Requirements How to use a plain text editor Basic Html and Css Knowledge Description HTML Forms are one of the main points of interaction between a user and a web site or application. They allow users to send data to the web site. Most of the time that data is sent to the web server, but the web page can also intercept it to use it on its own. An HTML Form is made of one or more input elements. Those input elements can be text fields (single line or multiline), select boxes, buttons, checkboxes, or radio buttons. Most of the time, those input elements are paired with a label that describes their purpose. The main difference between an HTML form and a regular HTML document is that, most of the time, the data collected by the form is sent to a web server. In this introductory course you will learn how to create the following types of forms: Input with first name and last name Dropdown selection form Group data form Form with submit button This course is video based and is less than 2 hours. Who this course is for: This HTML Form course is meant for those with basic knowledge of Html and Css . Also a working knowledge of Text Editors. This course is probably not for you if you are looking to learn more advanced form creation. Show more Show less Instructor Bluelime Learning Solutions Learning made simple 4.2 Instructor Rating 25,398 Reviews 660,465 Students 276 Courses Bluelime is UK based and creates quality easy to understand eLearning solutions .All our courses are 100% video based. We teach hands –on- examples that teach real life skills . Bluelime has engaged in various types of projects for fortune 500 companies and understands what is required to prepare students with the relevant skills they need. Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'677884332bd740f5',m:'8c344650885b708f8e7332531f99f625f7b7411c-1627752227-1800-ARmhnYx3C7mg3dSPS4FEdJzmllVtm+2HdpblKro3uNRhbKLTMFsc68wmvCOknPgQDbYY3XOJS5PCd4ArP6mfjcaPKmF0Ac2qSCn1SwviXPuIMIXOyk5aD8kHjVcE9NQ37PiVbUQ6FWssl5e/O2F7WJujrtPZLvbvZt26SRHP8hbcEyDGgkwMJ9UCCS8RYqlD0Q==',s:[0xebf766d371,0x6d42b36aad],}})();
  5. Learn how to create a submit button to a form Learn about posting form data Course content 1 section • 9 lectures • 54m total length HTML Forms 9 lectures • 54min Introduction Preview 02:54 Creating a simple form Preview 04:21 Creating a Textarea Preview 04:08 Creating a form with a dropdownlist 03:20 Grouping form data 05:41 Mini Project: Creating a form Part 1 (Structure) 12:10 Mini Project: Creating a form Part2 (Styling) 11:47 Storing Form Input locally 09:39 Thank You 00:09 Requirements How to use a plain text editor Basic Html and Css Knowledge Description HTML Forms are one of the main points of interaction between a user and a web site or application. They allow users to send data to the web site. Most of the time that data is sent to the web server, but the web page can also intercept it to use it on its own. An HTML Form is made of one or more input elements. Those input elements can be text fields (single line or multiline), select boxes, buttons, checkboxes, or radio buttons. Most of the time, those input elements are paired with a label that describes their purpose. The main difference between an HTML form and a regular HTML document is that, most of the time, the data collected by the form is sent to a web server. In this introductory course you will learn how to create the following types of forms: Input with first name and last name Dropdown selection form Group data form Form with submit button This course is video based and is less than 2 hours. Who this course is for: This HTML Form course is meant for those with basic knowledge of Html and Css . Also a working knowledge of Text Editors. This course is probably not for you if you are looking to learn more advanced form creation. Show more Show less Instructor Bluelime Learning Solutions Learning made simple 4.2 Instructor Rating 25,398 Reviews 660,465 Students 276 Courses Bluelime is UK based and creates quality easy to understand eLearning solutions .All our courses are 100% video based. We teach hands –on- examples that teach real life skills . Bluelime has engaged in various types of projects for fortune 500 companies and understands what is required to prepare students with the relevant skills they need. Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'677884332bd740f5',m:'8c344650885b708f8e7332531f99f625f7b7411c-1627752227-1800-ARmhnYx3C7mg3dSPS4FEdJzmllVtm+2HdpblKro3uNRhbKLTMFsc68wmvCOknPgQDbYY3XOJS5PCd4ArP6mfjcaPKmF0Ac2qSCn1SwviXPuIMIXOyk5aD8kHjVcE9NQ37PiVbUQ6FWssl5e/O2F7WJujrtPZLvbvZt26SRHP8hbcEyDGgkwMJ9UCCS8RYqlD0Q==',s:[0xebf766d371,0x6d42b36aad],}})();
  6. Learn about posting form data Course content 1 section • 9 lectures • 54m total length HTML Forms 9 lectures • 54min Introduction Preview 02:54 Creating a simple form Preview 04:21 Creating a Textarea Preview 04:08 Creating a form with a dropdownlist 03:20 Grouping form data 05:41 Mini Project: Creating a form Part 1 (Structure) 12:10 Mini Project: Creating a form Part2 (Styling) 11:47 Storing Form Input locally 09:39 Thank You 00:09 Requirements How to use a plain text editor Basic Html and Css Knowledge Description HTML Forms are one of the main points of interaction between a user and a web site or application. They allow users to send data to the web site. Most of the time that data is sent to the web server, but the web page can also intercept it to use it on its own. An HTML Form is made of one or more input elements. Those input elements can be text fields (single line or multiline), select boxes, buttons, checkboxes, or radio buttons. Most of the time, those input elements are paired with a label that describes their purpose. The main difference between an HTML form and a regular HTML document is that, most of the time, the data collected by the form is sent to a web server. In this introductory course you will learn how to create the following types of forms: Input with first name and last name Dropdown selection form Group data form Form with submit button This course is video based and is less than 2 hours. Who this course is for: This HTML Form course is meant for those with basic knowledge of Html and Css . Also a working knowledge of Text Editors. This course is probably not for you if you are looking to learn more advanced form creation. Show more Show less Instructor Bluelime Learning Solutions Learning made simple 4.2 Instructor Rating 25,398 Reviews 660,465 Students 276 Courses Bluelime is UK based and creates quality easy to understand eLearning solutions .All our courses are 100% video based. We teach hands –on- examples that teach real life skills . Bluelime has engaged in various types of projects for fortune 500 companies and understands what is required to prepare students with the relevant skills they need. Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'677884332bd740f5',m:'8c344650885b708f8e7332531f99f625f7b7411c-1627752227-1800-ARmhnYx3C7mg3dSPS4FEdJzmllVtm+2HdpblKro3uNRhbKLTMFsc68wmvCOknPgQDbYY3XOJS5PCd4ArP6mfjcaPKmF0Ac2qSCn1SwviXPuIMIXOyk5aD8kHjVcE9NQ37PiVbUQ6FWssl5e/O2F7WJujrtPZLvbvZt26SRHP8hbcEyDGgkwMJ9UCCS8RYqlD0Q==',s:[0xebf766d371,0x6d42b36aad],}})();