DEV Community

Charity Parks
Charity Parks

Posted on

HTML Form Controls

On a website, we need a way to get information from our user from time to time. A form for them to fill out is how we will get that information. See below the different 'form controls' that are available.

Text Input: This is simply a text box for a single line of text that the user will fill in.

Text Area: This is a larger text box that is used when the information will take up more space than just one line. So its for multiple lines of input.

Checkboxes: A user can select or unselect as many as apply to them.

Drop-down boxes: When you click on this, a series of options show up, but only one can be selected.

Radio buttons: The user must select one of the provided options.

Submit button: This button when clicked on will send the information provided by user and send it to another webpage.

Image button: This allows you to use an image.

So this is how we extract data/information from our user in a simple straight forward way. Happy Coding!

Image of Datadog

The Essential Toolkit for Front-end Developers

Take a user-centric approach to front-end monitoring that evolves alongside increasingly complex frameworks and single-page applications.

Get The Kit

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more