JS-表单提交及前端MD5加密问题

【目标】前端提交密码，通过MD5加密后，浏览器抓包看到的表单信息中，密码是加密后的。

【问题】密码加密后输出是加密后的，但是抓包看到的表单数据是明文密码。

【问题代码】

 1 //表单信息
 2 <form action="#" method="post" id="fo">
 3         <p>
 4             <span>用户名：</span>
 5             <input type="text" id="name" name="name">
 6         </p>
 7         <p>
 8             <span>密码：</span>
 9             <input type="password" id="pwd" name="password" required placeholder="请输入密码">
10         </p>
11         
12         <button type="button" onclick="check()">点击提交</button>
13     </form>
14 //脚本信息
15 <script>
16         function check(){
17             var f = document.getElementById("fo");
18             var password = document.getElementById("pwd").value;
19             typeof(password);
20             // md5加密
21             alert(password);
22             password = hex_md5(password);
23             alert(password);
24             f.submit();     
25         }

【解决后代码】

 1     <form action="#" method="post" id="fo">
 2         <p>
 3             <span>用户名：</span>
 4             <input type="text" id="name" name="name">
 5         </p>
 6         <p>
 7             <span>密码：</span>
 8             <input type="password" id="pwd" name="password" required placeholder="请输入密码">
 9         </p>
10         
11         <button type="button" onclick="check()">点击提交</button>
12     </form>
13     <script>
14         function check(){
15             var f = document.getElementById("fo");
16             var password = document.getElementById("pwd");
17             // md5加密
18             password.value = hex_md5(password.value);
19             f.submit();
20         }

差别就在于获取密码元素的时候，是直接获取值还是，获取password后修改值。