HTML Class 15 #.
Asslam o Alaikum dear Friends. A complete course with short and easy classes. so let's start your HTML Class.
HTML Class 15 #.
In This class i tell you how to make Input Field for upload file on the web page .
Input field is a input field that let contents from user like Text , image , Media files etc
tag of input field is <input>
there are many attributes of input fields
List of attributes
<!DOCTYPE html>
<html>
<head>
<title>wasim teach</title>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="" type="text/css"/>
</head>
<body>
<input type="text" placeHolder="Text Field"> <br>
<input type="number" <br>
<input type="email" placeHolder="Email"> <br>
<input type="password" placeHolder="Password"> <br>
radio
checkbox
In This class i tell you how to make Input Field for upload file on the web page .
Input field is a input field that let contents from user like Text , image , Media files etc
tag of input field is <input>
there are many attributes of input fields
List of attributes
- type type attribute tell the browser which type of content get from user
- following attributes are use in type
- <input type="text"> text : use to get text from user.
- <input type="email"> email : use to get input text as email.
- <input type="password"> password : use to get text as password in star *** shape.
- <input type="button"> button : use to make input button.
- <input type="hidden"> hidden : use to make hidden input field.
- <input type="file"> file : use to get file to user from device.
- <input type="submit"> submit : use to submit form data.
- <input type="number"> number : use to get number as input it change the keyboard as numeric keybord.
- <input type="radio"> radio : use to make round shape selector radio button.
- <input type="checkbox"> checkbox : use to make check box.
- Value Value attribute is use to give value.
Example.
Code :
<!DOCTYPE html>
<html>
<head>
<title>wasim teach</title>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="" type="text/css"/>
</head>
<body>
<input type="text" placeHolder="Text Field"> <br>
<input type="number" <br>
<input type="email" placeHolder="Email"> <br>
<input type="password" placeHolder="Password"> <br>
<input type="button" value="Button> <br>
<input type="hidden"> <br>
<input type="file" > <br>
<input type="radio" value="radio"> <br>
<input type="checkbox" value="checkbox"> >br>
<input type="submit"> <br>
</body>
</html>
<input type="hidden"> <br>
<input type="file" > <br>
<input type="radio" value="radio"> <br>
<input type="checkbox" value="checkbox"> >br>
<input type="submit"> <br>
</body>
</html>
OUTPUT
radio
checkbox
Thanks For reading :
Meet you in next Class.
Comment me if you have any trouble or question .
No comments:
Post a Comment