HTML 'input' Tag/Element

Q

What Is an "input" Tag/Element?

✍: FYIcenter.com

A

An "input" element is an inline element that can used inside a "form" element to define an input field. Here are basic rules about an "input" elements:

An "input" element is an inline element. It can not be used directly inside a "form" element. It can only be used inside a block sub-element of a "form" element.
An "input" element is an empty content element.
An "input" element defines an input field which may or may not be visible in a browser.
An "input" element has an attribute called "type" that allows you to define the type of input field, like a text input, a checkbox, or a radio button.

Here is a tutorial example of a form with 3 input fields:

<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
 <head>
  <title>Input Fields</title>
 </head>
 <body>
  <h4>Online Survey</h4>
  <form action="/survey.php">
  <p style="background-color: #eeeeee; padding: 8px;">
   Your name: <input/><br/>
   You like FYIcenter.com: <input type="checkbox"/><br/>
   <input type="submit" value="Submit"/>
  </p>
  </form>
 </body>
</html>

If you save the above document as input_fields.html, and view it with Internet Explorer, you will see a form with an input text box, a checkbox, and a button as shown below:

⇒ Different Types of HTML 'input' Elements

⇐ HTML 'form' Element Attributes

⇑ HTML Forms and Input Fields

⇑⇑ HTML Tutorials

2017-04-19, 1662🔥, 0💬

💬 2023-12-25 dyx: very good. I have been looking for this example for a long time, thank you very much

💬 2022-12-13 asddsad: dssfds

Creating Nested HTML Tables
How To Create Nested Tables? You can create nested tables by including a child table inside a cell of the parent table. Below is a tutorial example of nested tables: <?xml version="1.0" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/D TD/... 2017-04-22, ∼2173🔥, 0💬

HTML Forms and Input Fields
Where to find tutorials of introduction to HTML Forms and Input Fields? Here is a list of tutorials to answer many frequently asked questions compiled by FYIcenter.com team in introduction to HTML Forms and Input Fields. Clear answers are provided with tutorial exercises on forms and input fields: f... 2017-04-22, ∼2017🔥, 0💬

Using HTML 'password' Input Fields
How To Use "password" Input Fields? A "password" input field is defined as <input type="password" .../>. A "password" input field can be used to create an input field to allow viewers to enter text strings or numbers without showing the entered in clear text. A "password" input field i... 2017-04-15, ∼1970🔥, 0💬

Using HTML 'checkbox' Input Fields
How To Use "checkbox" Input Fields? A "checkbox" input field is defined as <input type="checkbox" .../>. A "checkbox" input field can be used to create a checkbox to allow viewers to switch on or off a boolean flag. There are other attributes you may need to use for a "checkbox" input ... 2017-04-15, ∼1856🔥, 0💬

HTML 'form' Element Attributes
What Are the Attributes of a "form" Element? There are 3 commonly used attributes for a "form" element: "action" - Required attribute. Used to specify the URL of the form processing program. "method" - Optional attribute. Used to specify the form submission method: "get" or "post". method="get" is t... 2017-04-19, ∼1809🔥, 0💬

Different Types of HTML 'input' Elements
How Many Input Types Are Supported by "input" Elements? There are 10 input types are supported by "input" elements: <input type="text"> - Input text box. This is also the default type. <input type="password"> - Password input box, which works like an input text box, but i... 2017-04-19, ∼1789🔥, 0💬

Using HTML 'text' Input Fields
How To Use "text" Input Fields? A "text" input field is defined as <input type="text" .../>. A "test" input field can be used to create input field to allow viewers to enter text strings or numbers. There are other attributes you may need to use for a "text" input field: name="fieldNam... 2017-04-19, ∼1779🔥, 0💬

HTML 'form' Tag/Element
What Is a "form" Tag/Element? A "form" element is a block element that you can use to define an input form with input fields. Here are basic rules about a "form" element: "form" elements are block elements. A "form" element can have empty content. A "form" element can have block elements as sub-elem... 2017-04-19, ∼1669🔥, 0💬

HTML 'input' Tag/Element
What Is an "input" Tag/Element? An "input" element is an inline element that can used inside a "form" element to define an input field. Here are basic rules about an "input" elements: An "input" element is an inline element. It can not be used directly inside a "form" element. It can only be used in... 2017-04-19, ∼1663🔥, 0💬

All rights in the contents of this web site are reserved by the individual author. fyicenter.com does not guarantee the truthfulness, accuracy, or reliability of any contents.