2-REGISTRATION FORM

 <!DOCTYPE html>

<html>

<head>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<style>

* {

  box-sizing: border-box;

}

.menu {

  float: left;

  width: 20%;

}

.menuitem {

  padding: 8px;

  margin-top: 7px;

  border-bottom: 1px solid #f1f1f1;

}

.main {

  float: left;

  width: 60%;

  padding: 0 20px;

  overflow: hidden;

}

.right {

  background-color: lightblue;

  float: left;

  width: 20%;

  padding: 10px 15px;

  margin-top: 7px;

}


@media only screen and (max-width:800px) {

  /* For tablets: */

  .main {

    width: 80%;

    padding: 0;

  }

  .right {

    width: 100%;

  }

}

@media only screen and (max-width:500px) {

  /* For mobile phones: */

  .menu, .main, .right {

    width: 100%;

  }

}

</style>

</head>

<body style="font-family:Verdana;">


<div style="background-color:#800000;padding:15px;">

<h3 style="color:yellow;">UNIVERSITY OF PERPETUAL HELP SYSTEM DALTA</h3>


  

</div>


</style>

 </head>

 <body>

 <form action="/form/submit" method="GET or POST" >

 <input type="Search" name="Search" /> ENTER Search <br/

 <fieldset>

 <legend>Personal Information:</legend>

 <label for="fname">Name</label>

 <input type="text" name="Name" id="fname" value=" Enter name     "/><br/><br/>

 <label for="ftext">Phone</label>

 <input type="text" name=" Enter Phone number" id="number"/><br/><br/>

 <label for="email">Email</label>

 <input type="email" placeholder="Enter Email" name="email" required> <br/><br/>

 <Select>

 <Fieldset>

 <option>Enter Course </option>

 <option>BMMA </option>

 <option>ABPsy </option>

 <option>BACOm </option>

 </select>

 <input type="date" name="date1" /> Birthday <br/>

 <input type="file" name="file" /> Upload File <br/>

 <input type="radio" name="fradio" /> Male <br/>

 <input type="radio" name="fradio" /> Female <br/>

 </fieldset>

 

 <fieldset>

 <legend>Favorites: </legend>

 <label for="favorite">Favorite Color </label><br>

 <input type="checkbox" name="fradio" /> Red

 <input type="checkbox" name="fradio" /> Blue

 <input type="checkbox" name="fradio" /> Yellow

 

 <input type="Range" name="Range1"/> Enter Rate </input>

 <input type="Image" name="Image"/> Image <br/>

 <input type="Color" name="Color"/> Choose theme color<br/>

 <input type="time" name="time"/> Choose time <br/>

 <input type="DateTime" name="DateTime"/> Date Time<br/>

 <input type="Month" name="Month" /> Month<br/>

 </fieldset>


 <input type="text" placeholder="Enter Username"/>

 <input type="password" value="" placeholder="Enter Password" />

 <input type="password" placeholder="Retype password"/> 

 <input type="submit" value="Submit"/>

 <input type="reset" value="Clear"/> 

 <div style="background-color:#800000;padding:15px;">

<h3 style="color:yellow;">UNIVERSITY OF PERPETUAL HELP SYSTEM DALTA</h3>

 

 </fieldset>

 <body>

 <html>



 Preview:


 

 

 


 


 

 

 

 

Comments

Post a Comment

Popular posts from this blog

Parts Of The MS Words

Image
  PARTS OF THE MS WORD  Title Bar-It shows the name of the open document. Minimize, Maximize, and Exit Button-It  Hides, Toggle, and Close the application. Ribbon-This contains all of the command buttons that have common purposes in MS Words. Menu Bar-This contains the menu to activate the  Ribbon, Group, and Tabs of commands. Quick Access Toolbar-This allows you to add frequently used commands. Document Window-An area where you could edit/type text. Navigation Pane-This is where you could find and replace the documents. Vertical Ruler-This is used to serve as a guide. Vertical Toolbar-Allows you to save open and print the document. Status Bar-This Display more information about the document. View Options-This is used to change the viewing point of the document.  (ex. Reading view, Web layout, and Fullscreen.)  Zoom Slide-This allows you to increase or decrease the amount you would like to see in the document. Task Bar-This Shows open programs. Notification...
Read more

Research Assignment in INtro to Multimedia Arts

Image
The use of multimedia today has expanded all the boundaries. The things that were impossible to do  The multimedia software can be found in the various fields of creative industries, entertainment, medicine, business, and the list goes on. These are the trends in multimedia software: Picasa is excellent multimedia-related software for the viewing, organizing, and editing of pictures on your laptop. While providing all these services, one other service provided by this software is that you can create an album of your own digital pictures and share them with your loved ones. Originally created by the Lifescape Company, Google, later on, bought it and hence was provided for free. The software of Picasa was originally devised for Windows XP, Vista, 7, and Mac OS X only. But later on, Google teamed up with Wine to make the software available for Linux as well. However, the Linux versions of the software of so out of date that they might not include many of the multimedia software’s spec...
Read more