Fjerne "search" i søgefeltet

Her kan du stille og svare på spørgsmål omkring HTML. Du kan altså med andre ord finde en masse hjælp til HTML og HTML5 på dette forum
Besvar
jollekool
Begynder
Indlæg:17
Tilmeldt:26. aug 2012, 21:47
Fjerne "search" i søgefeltet

Indlæg af jollekool » 7. okt 2012, 22:21

<!-- BEGIN .searchform -->
<form method="get" id="searchform" action="<?php bloginfo('home'); ?>" class="searchform" name="searchform">
<input type="text" class="input-text" value="<?php $sr = wp_specialchars($s, 1); if($sr) echo $sr; else echo "search"; ?>" onfocus="if (this.value == 'Search nu') {this.value = '';};" name="s" id="s" />
<input type="image" class="input-button" onclick="document.forms.searchform.submit()" value="Meklēt!" src="<?php bloginfo('template_url'); ?>/images/searchform-input-button-bg.png" />
<!-- END .searchform -->
</form>

Hej.
Når jeg trykker på søgefeltet, hvori der står "search" så vil jeg gerne have det forsvinder når man museklikker i feltet og skal til at søge. Jeg kunne selvfølgelig godt fjerne det helt, men synes det skal stå der.
Nogen der kan hjælpe ud fra koden? :)

Brugeravatar
scootergrisen
Moderator
Moderator
Indlæg:709
Tilmeldt:21. jun 2012, 23:40
Kontakt:

Re: Fjerne "search" i søgefeltet

Indlæg af scootergrisen » 8. okt 2012, 03:55

Kode: Vælg alt

<form>
   <input type="text" value="Søg..." onfocus="if(this.value=='Søg...')this.value=''" onblur="if(this.value=='')this.value='Søg...'">
</form>
Kan prøves her : http://scootergrisen.dk/htmlgrisen/java ... holder.php

Kode: Vælg alt

<!-- BEGIN .searchform -->
<form method="get" id="searchform" action="<?php bloginfo('home'); ?>" class="searchform" name="searchform">
<input type="text" class="input-text" value="<?php $sr = wp_specialchars($s, 1); if($sr) echo $sr; else echo "search"; ?>" onfocus="if(this.value=='Søg...')this.value=''" onblur="if(this.value=='')this.value='Søg...'" name="s" id="s" />
<input type="image" class="input-button" onclick="document.forms.searchform.submit()" value="Meklēt!" src="<?php bloginfo('template_url'); ?>/images/searchform-input-button-bg.png" />
<!-- END .searchform -->
</form>
I HTML5 findes der også placeholder attributten men det virker så kun i nyere browsere : http://scootergrisen.dk/htmlgrisen/kode ... laceholder
Så kan du nøjes med at skrive følgende.

Kode: Vælg alt

<form>
   <input type="text" placeholder="Søg...">
</form>

Brugeravatar
ThomasI
Grundlægger
Grundlægger
Indlæg:1528
Tilmeldt:28. dec 2010, 10:49

Re: Fjerne "search" i søgefeltet

Indlæg af ThomasI » 8. okt 2012, 09:57

bare fjern

Kode: Vælg alt

<?php $sr = wp_specialchars($s, 1); if($sr) echo $sr; else echo "search"; ?>
Og skriv "søg" istedet eller sårn :)

Brugeravatar
scootergrisen
Moderator
Moderator
Indlæg:709
Tilmeldt:21. jun 2012, 23:40
Kontakt:

Re: Fjerne "search" i søgefeltet

Indlæg af scootergrisen » 8. okt 2012, 17:12

ThomasI skrev:bare fjern

Kode: Vælg alt

<?php $sr = wp_specialchars($s, 1); if($sr) echo $sr; else echo "search"; ?>
Og skriv "søg" istedet eller sårn :)
Han ville gerne have det forsvinder når man klikke på feltet.

jollekool
Begynder
Indlæg:17
Tilmeldt:26. aug 2012, 21:47

Re: Fjerne "search" i søgefeltet

Indlæg af jollekool » 8. okt 2012, 17:31

Mange tak det vil jeg prøve. Er dog ikke sikker på det virker med søg da jeg også har problemer med æøå.
Gider dog ikke til at rode med det, ændrer det bare til search hvis den brokker sig :)

Brugeravatar
ThomasI
Grundlægger
Grundlægger
Indlæg:1528
Tilmeldt:28. dec 2010, 10:49

Re: Fjerne "search" i søgefeltet

Indlæg af ThomasI » 8. okt 2012, 18:46

bare skriv &oslash; istedet for ø ;)

jollekool
Begynder
Indlæg:17
Tilmeldt:26. aug 2012, 21:47

Re: Fjerne "search" i søgefeltet

Indlæg af jollekool » 9. okt 2012, 12:41

ThomasI skrev:bare skriv &oslash; istedet for ø ;)
Og det spiller bare! ;)

Besvar