input attributes code example

Example 1: html text box

<!-- A <textarea> tag (better for multi-line text)-->
<textarea cols="4" rows="5">
Some text inside the text box.  
See https://www.w3schools.com/tags/tag_textarea.asp
</textarea>

<!-- An <input> type text tag (better for single-line text) -->
<input type="text" value="Some text inside the text box">
<!-- See https://www.w3schools.com/tags/att_input_type_text.asp -->

<!-- Using contenteditable (not recommended) -->
<p contenteditable="true">Some text inside the text box</p>
<!-- See https://www.w3schools.com/tags/att_global_contenteditable.asp -->

Example 2: html input types

<form>
  <input type="button">
  <input type="checkbox">
  <input type="color">
  <input type="date">
  <input type="datetime-local">
  <input type="email">
  <input type="file">
  <input type="hidden">
  <input type="image">
  <input type="month">
  <input type="number">
  <input type="password">
  <input type="radio">
  <input type="range">
  <input type="reset">
  <input type="search">
  <input type="submit">
  <input type="tel">
  <input type="text">
  <input type="time">
  <input type="url">
  <input type="week">
</form>

Example 3: how to collect input textbox in html

<label for="name">Name:</label>
  <input type="text" id="name"><br><br>

Example 4: filled input in form

<input type="text" value="default value">

Example 5: input tag html

<input type="email" name="name" id="id" placeholder="[email protected]" />

Example 6: input button html

The <input type="button"> defines a clickable button (mostly used with a JavaScript to activate a script).

Syntax
<input type="button">

A push button that activates a JavaScript when it is clicked:
<input type="button" value="Click me" onclick="msg()">

And there is also different kind of buttons are there
<input type="submit">
<input type="reset">
These buttons are mostly used in form processing concept.
where submit button is use to submit the form data and reset button is for to blank out the form fields.

Tags:

Css Example