@@ -35,7 +35,9 @@ <h1>JavaScript MD5 Demo</h1>
 </ul>
 <form>
     <h2>Input</h2>
-    <textarea rows="6" id="input"></textarea>
+    <input placeholder="用户名" id="usename" required />
+    <input placeholder="域名，test.com" id="domain" required />
+    <input placeholder="盐" id="salt" required />
     <br>
     <button type="submit" id="calculate">Calculate</button>
     <button type="reset" id="reset">Reset</button>
@@ -45,7 +47,7 @@ <h2>Result</h2>
 </form>
 <script src="js/md5.js"></script>
 <!-- jQuery is not required by JavaScript MD5, but included for the demo -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
+<script src="js/jquery.min.js"></script>
 <script src="js/demo.js"></script>
 </body> 
 </html>
@@ -16,8 +16,23 @@ $(function () {
 
     $('#calculate').on('click', function (event) {
         event.preventDefault();
-        $('#result').val(window.md5($('#input').val()));
+        var md5_password={
+        	usename:$('#usename').val(),
+        	domain:$('#domain').val(),
+        	salt:$('#salt').val()
+        }
+        if(localStorage){
+        	localStorage.setItem('md5_password',JSON.stringify(md5_password));
+        }
+        $('#result').val(window.md5(md5_password.usename+md5_password.salt+md5_password.domain));
+        $('#result').focus(function(){
+        	$(this).select();
+        })
     });
-    $('#input').val('日本');
-
+    if(localStorage&&localStorage.md5_password){
+    	var md5_password=JSON.parse(localStorage.md5_password);
+    	$('#usename').val(md5_password.usename);
+        $('#domain').val(md5_password.domain);
+        $('#salt').val(md5_password.salt);
+    }
 });