Form In HTML:
Making Form in HTML and Show the details in the next HTML file.
HTML Code:
Page1.html
<html>
<h1>Taylor Ambulance Company</h1>
<p>FOR ANY QUERY AND INFORMATION FILL THE FOLLOWING
FORM</p>
<form type=get action="page2.html">
<table>
<tr>
<td>First Name:</td>
<td><input type=text name=firstname size=20
required></td>
</tr>
<tr>
<td>Last Name:</td>
<td><input type=text name=lastname size=20
required></td>
</tr>
<tr>
<td>Contact Number:</td>
<td><input type=number name=Cnumber size=20
required></td>
</tr>
<tr>
<td>Email Address:</td>
<td><input type=text name=ED size=20
required></td>
</tr>
<tr>
<td>Your Query and problem:</td>
<td><textarea rows=4 cols=50 input type=text
name=query>
</textarea></td>
</tr>
<tr>
<td colspan=2><input type=submit
value="Submit">
</td>
</tr>
</table>
</form>
</html>
Page2.html
<html>
<script LANGUAGE="JavaScript">
function getParams(){
var idx = document.URL.indexOf('?');
var params = new Array();
if (idx != -1) {
var pairs = document.URL.substring(idx+1,
document.URL.length).split('&');
for (var i=0; i<pairs.length; i++){
nameVal = pairs[i].split('=');
params[nameVal[0]] = nameVal[1];
}
}
return params;
}
params = getParams();
firstname = unescape(params["firstname"]);
lastname = unescape(params["lastname"]);
Cnumber = unescape(params["Cnumber"]);
ED = unescape(params["ED"]);
query = unescape(params["query"]);
document.write("First name : " + firstname +
"<br>");
document.write("Last name : " + lastname +
"<br>");
document.write("Contact Number : " + Cnumber +
"<br>");
document.write("Email Address : " + ED +
"<br>");
document.write("Your Query and problem: : " +
query + "<br>");
</script>
<body>
<p>For all other matters, please contact the
Operations Manager: 555-0102
</p>
</body>
</html>
Screenshots:
Screenshots:
No comments:
Post a Comment