Kullanıcı adı ve şifre textfields iç etiketleri nasıl ayarlanır?

4 Cevap php

Benim web sitesi için bir giriş formu var. Bu oturum açma formu iki metin alanları, kullanıcı adı ve şifre var. Şu anda ben sadece textfields önce etiketleri (kullanıcı adı, şifre) yetiniyorum. Ama şimdi bu iki etiket kaldırıldı istiyorum ve textfield içindeki metni (kullanıcı adı, şifre) göstermek istiyorum. Kullanıcı bu textfields odaklanır zaman sonra metinler kaldırılmalıdır ve kullanıcı onun istenilen kullanıcı adınızı ve şifrenizi girebilirsiniz.

Ben de kullanıcı giriş formu açtığınızda, daha sonra metin (kullanıcı adı, şifre) yazı tipi rengi TextField (kullanıcı adı, şifre) doldurulur olduğunu fark etmiş diffent renk ve bu alanda kullanıcı başlangıç ​​yazarak sonra önceki metin kaldırıldı ve yeni yazı rengi ne zaman siyah.

Nasıl mümkün?

4 Cevap

Bu tür bu one gibi bir jQuery Eklentisi veya bu one kullanabilirsiniz

Bunlar neye ihtiyacınız var ve ben her ikisi de filigran için ayrı bir tarzı desteklemek düşünüyorum.

Senin içinde kullanıcı adı ve şifre alanı için html / php / asp dosyası 'değer' ayarlamak gerekir. Rengi gri olduğu CSS varsayılan stili ayarlayın.

Sonra için eleman için onFocus kodunu ayarlamanız gerekir. Gibi bir şey için ayarlamanız gerekir

this.value = ''; this.style.color = 'black'

Ayrıca alan boş olup olmadığını kontrol edebilirsiniz (kutu sol olduğunda), daha sonra böyle bir şey yapmak onBlur bazı kod eşek isteyebilirsiniz

if(this.value == ''){ this.value = 'User Name'; this.style.color = 'grey' }

http://dorward.me.uk/tmp/label-work/ YUI3 ve düzgün bir aşamada belgeleyen etrafında alacak jQuery (ama her ikisini birlikte) kullanarak erişilebilir örnekler için bakınız.

Esasen, giriş altında etiketi konumlandırmak için CSS kullanmak ve derslere çevirmek için JS kullanın.

(Bir daha ortak bir yaklaşım value JS ile giriş değiştirmek için, ancak bu erişilebilirlik sorunları var)

Değerini ayarlama adı alanı için iyi, ama sen şifre alanı ile aynı şeyi yapmaya çalışıyoruz konularda her türlü karşılaşmaya; onun değil bir yöntem tavsiye ederim.

CeeJeeB anlaşılacağı gibi, bu will ihtiyaçlarınız için mükemmel olabilir

etiketler