HTML Inputs

HTML Inputs

The HTML provides web developers three ways to get inputs from the user. They are

  • <input> - The <input> tag accepts single-line user input.
  • <textarea> - The <textarea> tag accepts multi-line user input.
  • contenteditable - The <contenteditable> attribute used to edit the content of the element.

HTML <input> Tag

The <input> tag creates form fields that accept single-line user input.

Example

HTML Online Editor
<!DOCTYPE html> <html> <body> <p>Type Anything in the Input Field</p> <input type="text"> </body> </html>

HTML <textarea> Tag

The <textarea> tag accepts multi-line user input.

Example

HTML Online Editor
<!DOCTYPE html> <html> <body> <p>Type Anything in Textarea Field</p> <textarea rows="4" cols="50"> Prewritten text.(not mandatory) </textarea> </body> </html>

HTMT contenteditable Attribute

The contenteditable is a global attribute used to edit the content of the element.

Example

HTML Online Editor
<!DOCTYPE html> <html> <body> <div contenteditable="true">This text is editable</div> </body> </html>

Reminder

Hi Developers, we almost covered 99.5% of HTML Tutorials with examples for quick and easy learning.

We are working to cover every Single Concept in HTML.

Please do google search for:

Join Our Channel

Join our telegram channel to get an instant update on depreciation and new features on HTML, CSS, JavaScript, jQuery, Node.js, PHP and Python.

This channel is primarily useful for Full Stack Web Developer.

Meet the Author