瀏覽器自動填充事件

我正在做一些網站，我有一個登錄表單。我知道人們可以將他們的用戶名和密碼保存在他們的網頁瀏覽器中。瀏覽器自動填充事件

我需要顯示/隱藏標籤（）。如果該字段爲空，則標籤必須出現，如果該字段中有任何值，則該標籤必須隱藏，

但這不適用於瀏覽器自動完成，有無論如何我可以跟蹤此？

我試着用

jQuery.change();

但是，這並不工作。

如果有什麼我可以做的，而不是關閉這個自動完成？

感謝

來源

2012-02-11 nivanka

這裏的標準是使用佔位屬性上的相關輸入元素：

<input type="text" placeholder="username">

username會時，有沒有文字輸入內顯示和隱藏否則。如果你使用這個，那麼你應該也可以使用類似Modernizr的東西來檢測支持並創建一個正常的文本標籤。

來源

2012-02-11 16:29:14 aviraldg

好東西！這是否適用於所有瀏覽器？ – nivanka 2012-02-11 16:30:21

它適用於*最現代化的瀏覽器*，正如你所看到的，即使是SO也將它用於它的搜索領域（頁面右上角） – aviraldg 2012-02-11 16:34:00

感謝和甜蜜的工作， – nivanka 2012-02-12 05:21:16

-1

這很簡單。
我將其用於我網站的文本字段。

此編碼採用Javascript文本。

創建<form>名稱和id = "comform"（您可以稍後更改;僅供參考）。
創建一個<input type = "text"與name和id = "Message"（您可以稍後更改;僅供參考）。
用id = "ifsend"創建一個<div>（稍後可以更改;僅供參考）。

還創建一個變量來存儲長度在。var編號（您可以稍後更改;僅供參考）。

function counter() { 
    var numbering; 
    numbering = document.forms["comform"]["Message"].value.length; 
    if (numbering == 0) { 
     label(); 
    } 
    if (numbering != 0) { 
     document.getElementById('ifsend').innerHTML=""; 
    } 
} 

function label() { 
    document.getElementById('ifsend').innerHTML="Your form value is empty"; 
}

來源

2012-02-11 16:38:41

而這又怎麼樣？你沒有要求特定的語言，你想要統計一個字段中的項目數量，對嗎？ – 2012-02-12 13:05:36

您必須手動觸發更改事件：

$("#username") 
.change(function() { 
    // do stuff on change (check for default) 
}) 
.trigger("change");

，或者使用一些水印庫，如果你只是想切換默認文本（或Modernizr的爲佔位符屬性aviraldg建議）。

來源

2012-07-22 00:40:03 LZW

瀏覽器自動填充事件

回答

相關問題