提交表单 之 提示文字在输入框内部，提示文字怎么处理？

<form id="whir_16" res="whirform">

      <div class="contactform">

            <div class="name-bg inputBox">

                <label for="first-name"> First name*</label>

                <input id="18147" name="18147" type="text" class="text"  maxlength="250" value="" />

                <span name="whirValidator" validatorfor="18147" required="True" requiredmsg="First name required" regexp="" errmsg="First name authentication fails"></span>

            </div>

            <div class="name-bg inputBox">

                <label for="last-name"> Last name*</label>

                <input id="18148" name="18148" type="text" class="text" maxlength="250" value="" />

                <span name="whirValidator" validatorfor="18148" required="True" requiredmsg="Last name required" regexp="" errmsg="Last name authentication fails"></span>

            </div>

            <div class="email-bg inputBox">

                <label for="company-name"> Company name</label>

                <input  type="text" id="18149" class="text" name="18149"/>

                <span name="whirValidator" validatorfor="18149" required="False" requiredmsg="Company name required" regexp="" errmsg="Company name authentication fails"></span>

            </div>

            <div class="email-bg inputBox">

              <label for="telephone"> Telephone</label>

              <input type="text" id="18150" class="text" name="18150" />

              <span name="whirValidator" validatorfor="18150" required="False" requiredmsg="Telephone required" regexp="" errmsg="Telephone authentication fails"></span>

            </div>

            <div class="email-bg inputBox">

                 <label for="email"> Email*</label>

                 <input  class="isEmail text" type="text" id="18151" name="18151" />

                 <span name="whirValidator" validatorfor="18151" required="True" requiredmsg="Email required" regexp="^\w+([-+.]\w+)*@\w+([-.]\\w+)*\.\w+([-.]\w+)*$" errmsg="Email authentication fails"></span>

            </div>

            <div class="subject">

              <div class="subject-title"><p> Subject:*</p></div>

              <div class="subject-bg inputBox">

                  <label for="subject"> Subject:*</label>

                  <input id="18152" name="18152" type="text" class="text" maxlength="250" value="" />

                  <span name="whirValidator" validatorfor="18152" required="True" requiredmsg="Subject required" regexp="" errmsg="Subject authentication fails"></span>

              </div>

            </div>

            <div class="textarea-wrapper">

              <h3> Comment / enquiry:*</h3>

              <div class="textarea-bg inputBox">

                  <label for="comments"> Enter your comments here</label>

                  <textarea class="mandatory text"  rows="5" cols="10" id="17849" name="17849"  ></textarea>

              </div>

            </div>

            <p><span class="color">*</span> In order to reduce spam email, please type the unique security number into the text area before submitting your enquity.</p>

            <div class="plcMan" style="display: none;"> This field is mandatory</div>

            <ul class="buttons">

                <li><input class="submitMe" onclick="whir.form.submit('whir_16','13','0','16')" value="Submit" type="button" /></li>

                <li><input class="clearMe" onclick="whir.form.reset('whir_16')" value="Clear form" type="button" /></li>

            </ul>

     </div>

</form>










.contactform .inputBox{ position:relative;}

.contactform .inputBox label{ position:absolute; height:26px; line-height:26px; left:5px; top:5px; padding:0 15px; z-index:10;}

.contactform .inputBox .text{ background:none;}







//输入表单

$(".contactform .inputBox").each(function () { //遍历每一个inputBox

        var tips = $(this).find("label");

        var input = $(this).find(".text");

 

        //清空内容 - 部分浏览器刷新之后内容还在，造成文字重叠

        input.val("");

 

        //获得焦点

        input.focus(function () {

            tips.hide();

        });

        //失去焦点

        input.blur(function () {

            var val = $(this).val();

            if (val == "") {

                tips.show();

            }

        });

        //提示文字点击 - 本身隐藏，使得输入框获取焦点

        tips.click(function () {

            $(this).hide();

            $(this).next(".text").focus();

        });

});