43 lines
1.4 KiB
Markdown
43 lines
1.4 KiB
Markdown
|
---
|
||
|
|
title: Input
|
||
|
|
---
|
||
|
|
## Input
|
||
|
|
The HTML `<input>` tag is used within a form to declare an input element.
|
||
|
|
It allows the user to enter data.
|
||
|
|
|
||
|
|
## Example
|
||
|
|
```html
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<title>HTML input Tag</title>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<form action = "/cgi-bin/hello_get.cgi" method = "get">
|
||
|
|
First name:
|
||
|
|
<input type = "text" name = "first_name" value = "" maxlength = "100" />
|
||
|
|
<br />
|
||
|
|
|
||
|
|
Last name:
|
||
|
|
<input type = "text" name = "last_name" value = "" maxlength = "100" />
|
||
|
|
<input type = "submit" value = "Submit" />
|
||
|
|
</form>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|
||
|
|
```
|
||
|
|
|
||
|
|
In the above example, there are two input fields which ask the user to enter their first and last names according to the labels specified. The submit `<button type="submit">` is another type of input which is used to take the data entered by the user into the form and send it to some other location specified in the code.
|
||
|
|
|
||
|
|
#### More Information:
|
||
|
|
<a href="https://www.youtube.com/watch?v=qJ9ZkxmVf5s">Youtube</a>
|
||
|
|
|
||
|
|
|
||
|
|
## Input
|
||
|
|
The HTML `<input>` tag is of many types to enter data. Some of them are:
|
||
|
|
Type:Text(This is the most common type which is used to create general textboxes)
|
||
|
|
Type:Password(This type is used for creation of password feilds)
|
||
|
|
Type:Hidden(This is a special type of Input that is not shown to the user but it is used for passing information from one page to another while using <a href> tag)
|