Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Upload

Welcome to Scribd!

  • 21 views

    HTML 5

    Uploaded by

    M

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd

    HTML 5

    Uploaded by

    M
    21 views4 pages

    Original Title

    HTML_5

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Download as txt, pdf, or txt
    21 views4 pages

    HTML 5

    Uploaded by

    M

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Download as txt, pdf, or txt
    You are on page 1of 4

    Working with select tag:

    ==============
    HTML & HTML5 supports select tag.The main objective of select tag is to create
    dropdown menu or list of information.select is a paired tag.

    <select>
    <option>---</option>
    </select>

    Ex1:
    ==
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML & HTML5</title>
    </head>
    <body>
    <fieldset>
    <legend>CITY/STATE/COUNTRY</legend>
    <center>
    <form action="" method="post">
    <table border="3">
    <tr>
    <td><label for="">City-State-Country</label></td>
    <td>
    <select name="" id="">
    <option value="">--City--</option>
    <option value="">Hyderabad</option>
    <option value="">Banguluru</option>
    <option value="">Mumbai</option>
    <option value="">Delhi</option>
    </select>
    <select name="" id="">
    <option value="">--State--</option>
    <option value="">TG</option>
    <option value="">KA</option>
    <option value="">MH</option>
    <option value="">Delhi</option>
    </select>
    <select name="" id="">
    <option value="">--Country--</option>

    <option value="">India</option>
    <option value="">USA</option>
    <option value="">AUS</option>
    <option value="">KOREA</option>
    <option value="">LONDON</option>
    </select>
    </td>
    </tr>

    </table>
    </form>
    </center>
    </fieldset>

    </body>
    </html>

    Working on textarea tag:


    ================
    HTML & HTML5 supports textarea tag.The main objective of textarea tag is provide
    commment/feedback area.

    Ex1:
    ===
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML & HTML5</title>
    </head>
    <body>
    <fieldset>
    <legend>HTML/HTML5</legend>
    <center>
    <form action="" method="post">
    <label for="">Comment here will we become a software developer or
    not</label>
    <textarea placeholder="comment about ourself" name=""
    id=""></textarea>
    </form>

    </center>
    </fieldset>

    </body>
    </html>

    Ex2:
    ===
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML & HTML5</title>
    </head>
    <body>
    <fieldset>
    <legend>HTML/HTML5</legend>
    <center>
    <form action="" method="post">
    <input type="date">
    </form>

    </center>
    </fieldset>

    </body>
    </html>
    Ex3:
    ===
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML & HTML5</title>
    </head>
    <body>
    <fieldset>
    <legend>HTML/HTML5</legend>
    <center>
    <form action="" method="post">
    <input type="file" value="UPLOAD">
    </form>

    </center>
    </fieldset>

    </body>
    </html>

    Ex4:
    ==
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML & HTML5</title>
    </head>
    <body>
    <hr>
    <center>
    <h1><tt>Welcome to IHUB Registration</tt></h1>
    </center>
    <hr>
    <br>
    <hr>
    <fieldset>
    <legend>Registration_Form</legend>
    <center>
    <table border="3">
    <form action="" method="post">
    <tr>
    <td><label for="">First_Name</label></td>
    <td><input type="text" placeholder="First_Name" required
    title="Ex:Rahul" pattern="[A-Z]{1}[a-z]*"></td>
    </tr>
    <tr>
    <td><label for="">Last_Name</label></td>
    <td><input type="text" placeholder="Last_Name" required
    title="Ex:Verma" pattern="[A-Z]{1}[a-z]*"></td>
    </tr>
    <tr>
    <td></td>
    <td>
    <input type="submit" value="REGISTER">
    <input type="reset" value="RESET">
    </td>
    </tr>
    </form>

    </table>
    </center>
    </fieldset>
    <hr>

    </body>
    </html>

    Regex object for Indian Mobile number:


    =========================
    +91-6/7/8/9090123123

    [+]{1}[9]{1}[1]{1}-[6-9]{1}[0-9]{9}

    Regex object for gmail Address:


    ====================
    abc@gmail.com
    \w[A-Za-z0-9._]*@gmail[.]com

    You might also like