頁面代碼：

代碼如下:
<table>
        <tr><td><input type="text" id="txtPwd" /></td></tr>
        <tr><td>
            <table id="pwdLever">
                <tr>
                    <td>弱</td>
                    <td>中</td>
                    <td>強</td>
                </tr>
            </table>
        </td></tr>
    </table>

樣式：

代碼如下:
<style type="text/css">
        #pwdLever td
        {
           background-color:Gray;
           width:45px;
           text-align:center;
        }
    </style>

js代碼：

代碼如下:
<script type="text/javascript">
        window.onload = function () {
            var textInput = document.getElementById("txtPwd");
            //給密碼輸入框 注冊鍵放開事件
            textInput.onkeyup = function () {
                var pwdValue = this.value;
                var num = pwdChange(pwdValue);
                var tds = document.getElementById("pwdLever").getElementsByTagName("td");
                //修改密碼顏色
                if (num == 0 || num == 1) {
                    tds[0].style.backgroundColor = "red";
                    tds[1].style.backgroundColor = "gray";