← HTML + CSS

Input com texto definido

Lida 3667 vezes

Offline

tomassantos 
Membro
Mensagens 1061 Gostos 1
Feedback +1

Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

Olá,

Tenho um input simples:

Código: (html4strict) [Seleccione]
<input name="search" id="search" size="43" type="text" />
Alguém sabe como é que consigo já ter um texto tipo "Pesquise aqui" escrito no campo?

Se der para ao clicar no campo de texto essa palavra desaparecer, melhor.

Obrigado.
Offline

Diogo Pinto 
Administrador
Mensagens 4400 Gostos 371
Feedback +4

Troféus totais: 37
Trófeus: (Ver todos)
Avatar Search Level 6 Linux User Mobile User Super Combination Combination Topic Starter 50 Poll Votes 10 Poll Votes

adiciona: value="Pesquise aqui"
Offline

Pedro Lopes 
Beta tester
Mensagens 3568 Gostos 18
Feedback +6

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

Código: (html4strict) [Seleccione]
<input name="search" id="search" size="43" type="text" value="Pesquise aqui" onfocus="if(this.value=='Pesquise aqui')this.value=''" onblur="if(this.value=='')this.value='Pesquise aqui'" />
Resumindo, se clicares no input e estiver escrito o "Pesquise aqui", ele apaga, e se depois saíres do input sem escrever nada ele volta a aparecer o "Pesquise aqui". Caso escreveres algo, aparece o que escreveste.

Offline

tomassantos 
Membro
Mensagens 1061 Gostos 1
Feedback +1

Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

É isso mesmo, obrigado aos dois.