Menu Bar

Home
Introduction to HTML Tables Elements and Attributes Lists Google Home Page Registration Form Forms_1 Forms_2
Introduction to CSS Three types of css Tables Forms(id,class,psuedo class) Backgrounds Periodic table Border in a table Margins and Padding Height,Width,Overflow
Introduction Basic Script Data types and Operators String methods and Arrays Functions and Objects Events Dialog boxes Conditions Loops Error Handling External JS Simple Calculator
Introduction SQL Installation and User creation SQL:Database and Table Creation SQL:Alter Constraints Select,Insert Delete Operators Functions Joins, Union, GroupBy Missing Items User Defined Functions Views Backup and Restore Company DB, Table and records Queries on Company DB Computer Business DB and Queries
Introduction Variables, Datatypes & Operators Conditional & Looping Statements Functions Pointers & Recursion Array & Files Patterns
Introduction Problems in C++
Configuration SQL server connection Introduction to PHP
Introduction VB.NET VB.NET Compilation & Run VB.NET Problems No link
Design Principles Stone Profit support page MasterLegacy MasterDev Work with Live System

Registration Form

Task:1

Create a form to accept your teacher details.
  • Form Creation
  • Form Definition and use
  • Form tag Form /form
  • Form main default attributes
  • Name: Why we have to give a name to form
  • ID: Why we have to give an id to your form

Steps:

  1. Create a divison and make an heading using h1 tag.
  2. Create another divison for Login button and registration form.
  3. Create a login button with dorpdown option using css properties.
  4. Create a form using form tag within a table using table tag.
  5. Make first column for giving information to user by kept data about response fields.
  6. Make second column for taking information from the user by kept responsive fields like text box, radio button etc.
  7. create submit and reset button. Remove border and increase padding.
  8. By using css properties made changes on padding, border-radius, color, background-color, font-size, font-weight etc.

Code:


Output:


Subscribe to: Posts (Atom)