當文字框第一次獲得焦點時,清空文字框中原有的內容
解決思路： 當需要填寫的文字框很多時，在每個文字框內寫上提示資訊是個不錯的辦法，但這樣一來使用者在填寫該項時必須先把提示文字刪掉，非常不方便。所以應該讓文字框更人性化一點，在focus時檢查當前值是否為文字框的預設值，是則清空，否則保持不變，而在blur時檢查文字框的內容是否為空，是則重置為預設值，否則保持不變。
具體步驟： 1.設定文字框的預設值或提示資訊。
<input value="填寫您的暱稱">
<input value="填寫您的生日(1900-01-01)">
2.判斷、清空文字框內容的函式。
function cls(){
with(event.srcElement)
if(value==defaultValue) value=""
}
3.判斷、還原文字框內容的函式。
function res(){
with(event.srcElement)
if(value=="") value=defaultValue
}
4.給文字框新增觸發事件onfocus和onblur，呼叫函式處理。完整程式碼：
<script>
function cls(){
//捕獲觸發事件的物件，並設定為以下語句的預設物件
with(event.srcElement)
//如果當前值為預設值，則清空
if(value==defaultValue) value=""
}
function res(){
//捕獲觸發事件的物件，並設定為以下語句的預設物件
with(event.srcElement)
//如果當前值為空，則重置為預設值
if(value=="") value=defaultValue
}
</script>
<input value="填寫您的暱稱" onfocus="cls()" onblur="res()">
<input value="填寫您的生日(1900-01-01)"
onfocus="cls()" onblur="res()">
注意：本例的方法對大部分表單控制元件都有效，比如多行文字框。
特別提示
執行完整程式碼，在滑鼠第一次單擊文字框時該文字框內容將被清空，在文字框外單擊時文字框內容將還原回預設值。如果改變了文字框的值，將不再有任何變化。圖1.4.28為程式碼執行時的初始效果，圖1.4.29為滑鼠單擊第二個文字框後的效果。
相關推薦
當文字框第一次獲得焦點時,清空文字框中原有的內容
如何讓文字框內的提示資訊在啟用文字框時清空 解決思路： 當需要填寫的文字框很多時，在每個文字框內寫上提示資訊是個不錯的辦法，但這樣一來使用者在填寫該項時必須先把提示文字刪掉，非常不方便。所以應該讓文字框更人性化一點，在focus時檢查當前值是否為文字框的預設值，是則清空，否則保持不變，而在blur時檢
點選（button 或者a都行）清空文字框內的內容
<div class="FormItemEdit"> <input type="text" class="TextBox" placeholder="紅瓦綠樹，碧海藍天"
文字框提示樣式，滑鼠點選獲得焦點時提示內容消失
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.
當input正在獲得焦點時停2s在請求
當input正在獲得焦點時停2s在請求 var timeoutId = 0; $('#id').off('keyup').on('keyup', function (event) { clearTimeout(timeoutId); tim
文字框獲得焦點清空文字內容
有時我們在設計網頁的時候，可能會遇到這種情況。 當滑鼠移到文字框裡面或是滑鼠放到文字框上面時，文字框裡面預設的內容清除，當滑鼠離開文字框而裡面沒有內容的時候，又還原成預設的內容。 小編以前看到別人寫了一大堆程式碼，又是if又是else的，其實很簡單就能實現，如下程式碼
input獲得焦點時改變placeholder文本的樣式
獲得 color net sample explore ace ext ref intern HTML: <input type="text" placeholder="sample text"/> CSS: input::-webkit-input
input 輸入框默認獲得焦點
fun input 頁面 for 刷新 pre 焦點 實現 clas JavaScript實現默認焦點： 如下寫<body>標簽： <body onload="window.formLogin.user.focus()"> <form
谷歌瀏覽器input獲得焦點時，背景變黃如何取消。
谷歌 ×××背景邊框 開發時，遇到了一個谷歌瀏覽器自帶樣式， input標簽獲得焦點時，背景自動變黃。網上查了點資料都沒解決方案，現特此奉上解決方案。其實那個×××不是背景，是css3的新的樣式，陰影。css裏面加入如下樣式即可解決 input{ -webkit-box-shadow:non
原生js實現placeholder 當獲取焦點時清空，失去焦點且為空時恢復
pan .get fun NPU 清空 element 失去 document 實現 <body> <input type="text" value="請輸入內容" id="text1" /> </body> <scri
WPF——控制元件繫結到資料後 第一次載入介面時繫結成功 但後來資料來源發生變化 控制元件無變化
1.在 window_Loaded中設定物件繫結到源 private void window_Loaded(object sender, RoutedEventArgs e) { CurUserName.DataContext = CurrentUserAAA;
解決input獲得焦點時邊框沒有border-radius
.handle-input-search{ /*用id避免自帶樣式的影響*/ display: inline-block; width: 150px; height: 28px;
Dialog上的List Control獲得焦點時，視窗切換後不顯示
發表於：2007-07-20 11:45:38 使用環境和現象都跟http://topic.csdn.net/t/20010509/15/115868.html描述的一樣。那裡只是說“有時”會出現這種情況，我這裡試驗的結果是：如果List Control沒有獲得焦點，一
Android 輸入框第一次彈出數字鍵盤, 後面可以隨意切換
前言 記錄一次關於 EditText 首次輸入需要彈出數字鍵盤，然後可以隨便切換輸入模式，下面以 輸入身份證號 為例，因為身份證號只可能是數字 + 字母 X，所以這裡不僅做了首次彈出數字鍵盤，還實現了對於其他鍵盤模式輸入做了限制，只能輸入字母 X 。
Spring Data JPA 全域性DAO的擴充套件(第一次用JPA時總是提示 另人抓狂的錯誤： No property find for type class )
前幾天看了springside4的mini-web程式碼發現確實有不少新的東東，咱這次單說說Spring Data JPA吧。 引用springside4的 wiki關於對Spring Data JPA的簡介 Spring Data JPA在JPA上又
RepositoryItemComboBox獲得焦點彈出下拉框
在dev中的gridcontrol中添加了一列RepositoryItemComboBox下拉框列，想要實現當RepositoryItemComboBox列獲得焦點的時候，自動彈出下拉框，今天研究了一天，終於有結果了，先上圖 主要思路實現如下 1.先讓滑鼠游標移到到Rep
Android 開發——元件獲得焦點時，同時為元件設定圓角與背景填充色
在 Android 開發時，當用戶手指移至或點選某個元件，為了給使用者一個資訊（即元件獲得了焦點），可以給元件設定不同的背景填充色。 一開始我在 drawable 目錄下新建了一個 xml 檔案，內容如下。（solid：元件填充色屬性 stroke：元件邊框屬性 cor
第一次使用VS2013時遇到的問題
目的 microsoft program 管理器 屬性 非法字符 自動添加 文本 解決方案 今天剛下載了VS2013，在使用時遇到了一些小問題，下面列出這些問題以及解決方案。 1.首先安裝好，打開軟件之後，需要註冊。在屏幕上方點擊“幫助”，找到“註冊產品”，輸入產品
（我是初學者）第一次項目開發（二）開發中遇到的問題和註意事項
持久層 數據庫 認識 碼代碼 操作 出錯 排序 文檔 項目 這周正式開始做項目練習，這才發現實際去做的時候會遇到和出現很多的問題 在這裏說一說我的體會，請指正 首先，實體類 1、實體類中有哪些屬性，類型是什麽，並根據屬性建立sql的相應表格， 2、哪些屬性需要在寫在實體
第一次作業：統計文件字符串字符行的個數
RoCE 開發 imp 開始 rem -s 找不到 寫代碼 process 碼雲：https://gitee.com/SC_looker/wordcount.git 先明確任務內容，分為以下幾點： （1）分析、整理需求，提交PSP表格； （2）編碼實現，並在Github提
當日誌文件大於1G時清空文件，非刪除
The txt 輸出 刪除 exist int 24* roo echo #!/bin/bash #當文件大於1G時清空 FILE=/root/hello.txt #判斷文件是否存在if ! [ -f $FILE ] then #輸出文件不存在echo "file