HTML Basics/Must Know
Tags
Structural !DOCTYPE html HTML tag Head tag Link tag Meta tag Title tag Body tag

Normal Tags Heading tags Paragraph tag Hr tag Br tag Div tag A tag Span tag Ul, Ol, Li tags (List Tags) B tag U tag I tag
Form Tags Form tag Input tag Button tag Textarea tag Select tag Option tag Optgroup tag Fieldset tag Label tag Output tag

CSS Basics/Must Know
Main CSS Classes/IDs CSS Syntax CSS Font Coloring


Javascript


PHP



Welcome!

This page is a breakdown of the<input> tag




TYPE: Tag

WHERE: This tag is put inside of the body tag as content.

REQUIRED: No

VISIBLE: Yes

USE: To make a type of input

SELF-CLOSING: Yes

CAN BE TARGETED IN CSS: Yes




<!DOCTYPE html>
<html>
<head>
<title>Title</title>
</head>
<body>
<form action="action.php" method="GET">
<input type="text" name="text1">
<input type="text" name="text2">
<input type="text" name="text3">
<buttom type="submit" name="button-submit">Submit</button>
</form>
</body>
</html>



<input type="text" name="text1">



A form tag can really contain any element,
but some actually effect the forms submission.

Those elements are:

<input>
<button>
<textarea>
<select>
<option>
<optgroup>
<fieldset>
<label>
<output>

There are also key attributes that all forms need,
which are themethod and theaction attributes.

The method attribute specifies how the data is going to be sent.

There are 2 types of methods, POST and GET.

Post should be used for sensitive data or other types of data that shouldn't be accessed easily (File upload, login/signup etc)

Get should be used for stuff that is easily accessible, such as a search.

Get types, you can see in the URL, like the form displayed above. Post types are hidden.

See more on form types




Default CSS Settings:

none



www.000webhost.com