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

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

     <divclass="contactform">

           <divclass="name-bg inputBox">

               <labelfor="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>

           <divclass="name-bg inputBox">

               <labelfor="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>

           <divclass="email-bg inputBox">

               <labelfor="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>

           <divclass="email-bg inputBox">

             <labelfor="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>

           <divclass="email-bg inputBox">

                 <labelfor="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>

           <divclass="subject">

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

             <divclass="subject-bg inputBox">

                 <labelfor="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>

           <divclass="textarea-wrapper">

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

             <divclass="textarea-bg inputBox">

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

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

             </div>

           </div>

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

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

           <ulclass="buttons">

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

               <li><inputclass="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:015px; 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();

       });

});