這篇文章主要介紹了jquery控制表單輸入框顯示默認值的方法,可實現輸入框出現出現默認值的效果,需要的朋友可以參考下
本文實例講述了jquery控制表單輸入框顯示默認值的方法。分享給大家供大家參考。具體實現方法如下：
- <!DOCTYPE html>
- <html>
- <head>
- <script language="javascript" src="jquery-1.6.2.min.js"></script>
- <script type="text/javascript">
- $(document).ready(function() {
- $('.someClass').each(function() {
- var $this = $(this);
- var defaultVal = $this.attr('title');
- $this.focus(function() {
- if ($this.val() === defaultVal) {
- $this.val('');
- }
- });
- $this.blur(function() {
- if ($this.val().length === 0) {
- $this.val(defaultVal);
- }
- });
- });
- });
- </script>
- <style>
- input {
- display:block;
- margin-bottom:5px;
- }
- </style>
- </head>
- <body>
- <input class="someClass" type="text" title="Name" value="Name" />
- <input class="someClass" type="text" title="Email Address"
- value="Email Address" />
- <input class="someClass" type="text" title="Default Value Here"
- value="Insert form refill here" />
- </body>
- </html>
希望本文所述對大家的jQuery程序設計有所幫助。
新聞熱點
疑難解答
圖片精選
