Category

Monday, December 31, 2018

HTML Class 15


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
  • type type attribute tell the browser which type of content get from user
  • following attributes are use in type
  1. <input type="text">                      text : use to get text from user.
  2. <input type="email">                   email : use to get input text as email.
  3. <input type="password">             password : use to get text as password in star *** shape.
  4. <input type="button">                  button : use to make input button.
  5. <input type="hidden">                 hidden : use to make hidden input field.
  6. <input type="file">                       file : use to get file to user from device.
  7. <input type="submit">                 submit : use to submit form data.
  8. <input type="number">                number : use to get number as input it change the keyboard as numeric keybord.
  9. <input type="radio">                    radio :  use to make round shape selector radio button.
  10. <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>


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