底部線條css樣式

1.首先固定寬高 （將文字移至左邊，例如 “姓名：”）

  .line{

        width:100%;

        height:40px;

        float:left;

        border-bottom:1px solid #ccc

    }

    .title{

        height:38px;

        width:50px;

        line-height:38px;

        float:left;

        text-align:right

    }

2.寫個js語句控制默認文字的位置（例如：“請輸入您的姓名”）：

<!-- 控制行寬 -->

    <script>

            var inputWidth = document.body.scrollWidth - 100;

            $(".inputStyle").css("width", inputWidth + "px");

    </script>