Simple HTML Form Elements For Registration Page Example

-


<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Form Elements</title>
        <link href="bootstrap.min.css" rel="stylesheet" type="text/css"  />
        <style type="text/css">
            .Mycontainer{
                margin-left: 30px;
                margin-right: 50px;
                margin-top: 10px;
            }
            .mb10{
                margin-bottom: 10px;
            }
        </style>
    </head>
    <body>
        <div class="Mycontainer">
            <h4><center>FORM ELEMENTS</center></h4>
            <form class="" action="" method="">
                <div class="row mb10">
                    <label class="col-md-2">Text</label>
                    <div class="col-md-10">
                        <input type="text" class="form-control" placeholder="Enter Your Text" >
                    </div>
                </div>
                <div class="row mb10">
                    <label class="col-md-2">Email</label>
                    <div class="col-md-10">
                        <input type="email"  name="" class="form-control" placeholder="Email">
                    </div>
                </div>
                <div class="row mb10">
                    <label class="col-md-2">Password</label>
                    <div class="col-md-10">
                        <input type="password" class="form-control" value="">
                    </div>
                </div>
                <div class="row mb10">
                    <label class="col-md-2">Text Area</label>
                    <div class="col-md-10">
                        <textarea class="form-control" rows="3"></textarea>
                    </div>
                </div>
                
                <div class="row mb10">
                    <label class="col-md-2">Readonly</label>
                    <div class="col-md-4">
                        <input type="text" class="form-control" readonly="" value="Readonly value">
                    </div>
                    <label class="col-md-2" ><span style="float: right;margin-top: 7px;">Disabled</span></label>
                    <div class="col-md-4">
                        <input type="text" class="form-control" disabled="" value="Disabled value">
                    </div>
                </div>
                <div class="row mb10">
                    <label class="col-md-2">Number</label>
                    <div class="col-md-10">
                        <input class="form-control" type="number" name="number">
                    </div>
                </div>
                
                <div class="row mb10">
                    <label class="col-md-2">Input Select</label>
                    <div class="col-md-10">
                        <select class="form-control">
                            <option>A</option>
                            <option>B</option>
                            <option>C</option>
                            <option>D</option>
                            <option>E</option>
                        </select>                                          
                    </div>
                 </div>
                
                <div class="row mb10">
                    <label class="col-md-2">Default file input</label>
                    <div class="col-md-10">
                        <input type="file" class="form-control">
                     </div>
                </div>
                <div class="row mb10">
                    <label class="col-md-2">Date</label>
                    <div class="col-md-10">
                        <input class="form-control" type="date" name="date">
                    </div>
                </div>
                
                <div class="row mb10">
                    <label class="col-md-2">Tel</label>
                    <div class="col-md-10">
                        <input class="form-control" type="tel" name="tel">
                    </div>
                </div>
                
                <div class="row mb10">
                    <label class="col-md-2">Color</label>
                    <div class="col-md-4">
                        <input class="form-control" type="color" name="color" value="#64c5b1">
                    </div>
                    <label class="col-md-2" ><span style="float: right;margin-top: 7px;">Range</span></label>
                    <div class="col-md-4">
                        <input class="form-control" type="range" name="range" min="0" max="10">
                    </div>
                </div>
            </form>
        </div>
    </body>
</html>




Some of the information of HTML elements

1)<label>   Defines a label for an <input> control.

2)<input>   Defines an input control.

3)<select>   Defines a selection list within a form.

4)<title>    Defines a title for the document.

5)<style>   Inserts style information (commonly CSS) into the head of a document.




                                                                                                            -Happy Coding

Comments

Post a Comment

Popular posts from this blog

Validation Code For Phone Number Using preg_match() in Php

-
Image
Phone Number Validation Using preg_match() Below code shows validation of Phone Number 1)Checking whether user input (Phone Number) contains an alphabet in Phone Number          <?php         $mobile_no="123fdgdg890";        if(preg_match("/[a-z][A-Z]/i", $mobile_no))        {   echo "Invalid Phone Number!";        }else{                echo "Valid Phone Number!";        }      ?> Output :Invalid Phone Number! Syntax preg_match("/[a-z][A-Z]/i", $mobile_no) The above syntax will verify whether given phone number is well-formed or not.if it is not, it will show an error message. The    preg_match()  function helps to find whether a given variable is valid or not. 2 )Checking whether user input (Phone Number) contains 10 digits in Phone Number      <?php...
Read more

Writing data to a file using Python

-
  Writing data to a file using Python Writing data to a file in Python can be done in a variety of ways, depending on the file type and how you want to save the data. Here's a general guide to common formats. 1. Writing Text to a Plain Text File # Writing text data data = "This is some text data." # Open a file in write mode ('w') and write data with open("output.txt", "w") as file:     file.write(data) 2. Writing Data to a CSV File import csv # Data to write data = [     ["Name", "Age", "City"],     ["Rajesh", 25, "India"],     ["Shaun", 30, "San Francisco"],     ["Afzal", 35, "Chicago"] ] # Writing to a CSV file with open("output.csv", "w", newline="") as file:     writer = csv.writer(file)     writer.writerows(data) 3. Writing Data to a JSON File import json # Data to write data = {     "Name": "Alice", ...
Read more

Update and Delete Record Using PHP and MySQL

-
Update and Delete Record Using PHP and MySQL UPDATE  Query :  To Update data in your Database Syntax: UPDATE Table_name SET column=value WHERE other_column = other_value DELETE Query To delete the record from your Database To delete the data frothe m database you should use the DELETE query, the syntax is given below: DELETE  FROM Table_name WHERE column = value                                                                                                                                                      HAPPY CODING😍
Read more