javascript med onclick

HTML kode 

 <input type="text" name="username" placeholder="Username" />

HTML kode 

 <script type="text/javascript">
             function login(){
                 document.getElementById('boldStuff').innerHTML = "<div align='left' class='b_left'><form action='login.php' method='POST'><img src='../images/1197148799528042285barretr_Key.svg.med.png' alt='' width='12px' height='12px'> <input type='text' name='username' value='Username' onfocus="this.value=''"><input name='password' type='password'><input type='submit' name='submit' value='Login!'><a href='forgotten.php'>Forgotten password?</a></form></div>";
             }
             </script>
             
             <font id='boldStuff'>
                 <div align='left' class='b_left'>
                     <div class='login_text'>
                         <img src='../images/1197148799528042285barretr_Key.svg.med.png' alt='' width='12px' height='12px'> Hello Guest! <a href='#login' onclick='login()'>Login</a> | <a href='register.php'>Register?</a>
                     </div>
                 </div>
             </font>

HTML kode 

 <input type="text"  value="8000" onblur="if(this.value=='') this.value='8000'" onfocus="if(this.value =='8000' ) this.value=''" />