19-08-2016, 10:30 AM
Hi am afnas i would like to get details on simple html code for creating college admission form ..
|
simple html code for creating college admission form
|
Hi am afnas i would like to get details on simple html code for creating college admission form ..
20-08-2016, 09:25 AM
This should get you going in the right direction...
<!doctype html>
<html>
<head>
<style type="text/css">
body {font-family:Arial, Sans-Serif;}
#container {width:300px; margin:0 auto;}
/* Nicely lines up the labels. */
form label {display:inline-block; width:140px;}
/* You could add a class to all the input boxes instead, if you like. That would be safer, and more backwards-compatible */
form input[type="text"],
form input[type="password"],
form input[type="email"] {width:160px;}
form .line {clear:both;}
form .line.submit {text-align:right;}
</style>
</head>
<body>
<div id="container">
<form>
<h1>Create Logon</h1>
<div class="line"><label for="username">Username *: </label><input type="text" id="username" /></div>
<div class="line"><label for="pwd">Password *: </label><input type="password" id="pwd" /></div>
<!-- You may want to consider adding a "confirm" password box also -->
<div class="line"><label for="surname">Surname *: </label><input type="text" id="surname" /></div>
<div class="line"><label for="other_names">Other Names *: </label><input type="text" id="names" /></div>
<div class="line"><label for="dob">Date of Birth *: </label><input type="text" id="dob" /></div>
<div class="line"><label for="email">Email *: </label><input type="email" id="email" /></div>
<!-- Valid input types: http://w3schoolshtml5/html5_form_input_types.asp -->
<div class="line"><label for="tel">Telephone: </label><input type="text" id="tel" /></div>
<div class="line"><label for="add">Address *: </label><input type="text" id="add" /></div>
<div class="line"><label for="ptc">Post Code *: </label><input type="text" id="ptc" /></div>
<div class="line submit"><input type="submit" value="Submit" /></div>
<p>Note: Please make sure your details are correct before submitting form and that all fields marked with * are completed!.</p>
</form>
</div>
</body>
</html>
<!doctype html>
<html>
<head>
<style type="text/css">
body {font-family:Arial, Sans-Serif;}
#container {width:300px; margin:0 auto;}
/* Nicely lines up the labels. */
form label {display:inline-block; width:140px;}
/* You could add a class to all the input boxes instead, if you like. That would be safer, and more backwards-compatible */
form input[type="text"],
form input[type="password"],
form input[type="email"] {width:160px;}
form .line {clear:both;}
form .line.submit {text-align:right;}
</style>
</head>
<body>
<div id="container">
<form>
<h1>Create Logon</h1>
<div class="line"><label for="username">Username *: </label><input type="text" id="username" /></div>
<div class="line"><label for="pwd">Password *: </label><input type="password" id="pwd" /></div>
<!-- You may want to consider adding a "confirm" password box also -->
<div class="line"><label for="surname">Surname *: </label><input type="text" id="surname" /></div>
<div class="line"><label for="other_names">Other Names *: </label><input type="text" id="names" /></div>
<div class="line"><label for="dob">Date of Birth *: </label><input type="text" id="dob" /></div>
<div class="line"><label for="email">Email *: </label><input type="email" id="email" /></div>
<!-- Valid input types: http://w3schoolshtml5/html5_form_input_types.asp -->
<div class="line"><label for="tel">Telephone: </label><input type="text" id="tel" /></div>
<div class="line"><label for="add">Address *: </label><input type="text" id="add" /></div>
<div class="line"><label for="ptc">Post Code *: </label><input type="text" id="ptc" /></div>
<div class="line submit"><input type="submit" value="Submit" /></div>
<p>Note: Please make sure your details are correct before submitting form and that all fields marked with * are completed!.</p>
</form>
</div>
</body>
</html>
20-08-2016, 03:06 PM
HTML (HyperText Markup Language) is a web programming language designed to create web documents or web pages. Based upon SGML (Standard Generalized Markup Language), HTML's basic concept involves the use of "tags". These "tags", "mark up" or alert the browser that the document contains hypertext so it can be interpreted and rendered as a web page document. All HTML documents consist of a mix and match of HTML "tags" and "regular" text. Tags only aid in describing the document content or text, and thus leave the actual appearance and layout decisions for a web browser to handle when the web page is rendered or opened.
HTML documents are plain-text files that can be created using any basic or high-level text editor, such as Notepad, TextPad, or Microsoft Word or any other HTML authoring program. When you create an HTML document, you must save it with a .html or .htm extension. By default, most text editors save documents with a .txt extension, which is not capable of being displayed by a web browser. The .html or .htm extension allows the document to be rendered and displayed by a browser.
Unfortunately for web designers, web documents are browser dependent; sometimes, different browsers display content differently. A document may look crisp and clean in Internet Explorer, but it may have a slightly different look in Netscape, or vice versa. Web page designers should make every attempt to create portable HTML documents that can be opened by many different web browsers while showing little or no visual differences. Reliable HTML web pages are created by following all syntax rules and understanding which tags are supported by all web browsers.
HTML documents are plain-text files that can be created using any basic or high-level text editor, such as Notepad, TextPad, or Microsoft Word or any other HTML authoring program. When you create an HTML document, you must save it with a .html or .htm extension. By default, most text editors save documents with a .txt extension, which is not capable of being displayed by a web browser. The .html or .htm extension allows the document to be rendered and displayed by a browser.
Unfortunately for web designers, web documents are browser dependent; sometimes, different browsers display content differently. A document may look crisp and clean in Internet Explorer, but it may have a slightly different look in Netscape, or vice versa. Web page designers should make every attempt to create portable HTML documents that can be opened by many different web browsers while showing little or no visual differences. Reliable HTML web pages are created by following all syntax rules and understanding which tags are supported by all web browsers.
|
« Next Oldest | Next Newest »
|
Important Note..!
If you are not satisfied with above reply ,..PleaseASK HERE
So that we will collect data for you and will made reply to the request....OR try below "QUICK REPLY" box to add a reply to this page
| Possibly Related Threads... | |||||
| Thread | Author | Replies | Views | Last Post | |
| free download college alumni php project | 1 | 2,637 |
29-11-2018, 08:33 PM Last Post: |
||
| loyola school trivandrum admission process for ukg | 0 | 1,341 |
21-10-2018, 11:56 AM Last Post: Guest |
||
| kagumo teachers college diploma fees structure | 0 | 695 |
19-10-2018, 07:25 PM Last Post: Guest |
||
| fomema appeal form download | 0 | 675 |
08-10-2018, 12:25 PM Last Post: Guest |
||
| dsp winter training application form durgapur | 0 | 1,451 |
01-10-2018, 04:43 PM Last Post: Guest |
||
| railway salary package by sbi form pdf download | 0 | 1,213 |
28-09-2018, 04:28 PM Last Post: Guest |
||
| html source code for college website free download | 0 | 709 |
27-09-2018, 12:24 PM Last Post: Guest |
||
| swagat speech in marathi language for college freshers | 0 | 788 |
25-09-2018, 03:21 PM Last Post: Guest |
||
| fee structure for meru teachers college | 1 | 726 |
25-09-2018, 12:08 AM Last Post: WINNIE NYABOKE |
||
| what are the requirements to study at gold fields nursing college | 0 | 2,034 |
24-09-2018, 09:15 AM Last Post: Guest |
||