用户登录输入密码进行MD5加密，页面上怎么去实现啊

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"
%>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>系统登录 - 管理系统</title>    <script type="text/javascript" src="/statics/js/md5.js"></script>
    <script type="text/javascript" >
        hash = hex_md5(password);
        alert(hash)
    </script>    <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/statics/css/style.css" />
    <script type="text/javascript">
/* if(top.location!=self.location){
      top.location=self.location;
 } */
    </script>
</head>
<body class="login_bg">
    <section class="loginBox">
        <header class="loginHeader">
            <h1>登录页面</h1>
        </header>
        <section class="loginCont">
        <form class="loginForm" action="${pageContext.request.contextPath }/user/dologin.html"  name="actionForm" id="actionForm"  method="post" >
<div class="info">${error}</div>
<div class="inputbox">
                    <label for="user">用户名：</label>
<input type="text" class="input-text" id="userName" name="userName" placeholder="请输入用户名" required/>
</div>
<div class="inputbox">
                    <label for="mima">密码：</label>
                    <input type="password" id="password" name="password"  placeholder="请输入密码" required/>
                </div>
<div class="subBtn">
                    <input type="submit"   value="登录"/>
                    <input type="reset" value="重置"/>
                </div>
</form>
        </section>    </section>
</body>
</html>求具体怎么写。谢谢各位啊