HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum
 

 
 

Anzeige 
 
HTMLWorld » Forum

Thema anzeigen - Leere Input Felder farbig markieren

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

Leere Input Felder farbig markieren

 

Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   JavaScript
Vorheriges Thema:
Nächstes Thema:  
Autor Nachricht
x16



Anmeldungsdatum: 27.09.2009
Beiträge: 3

BeitragVerfasst am: 27.09.2009 23:03:14    Titel: Leere Input Felder farbig markieren Antworten mit Zitat

Ich möchte in meinem Formular alle Felder, die leer sind mit der Farbe grau füllen. Ich habe es auch geschafft etwas zu coden, jedoch geschieht dies nur wenn das input Feld aktiviert wird. Ich möchte jedoch das das Feld auch grau ist, wenn es nicht aktiviert ist. Also beim Seitenaufruf. Geht wohl mit onload="FUNKTION" im Body Tag. Ich weiß aber nicht wie der JS Teil lauten soll. Mein Beispiel ist auch nur für ein iput Feld gedacht. Also müsste ich den JS Code jedem Input Feld zufügen. Aber es muss doch gehen, dass man im Head sagt, alle leeren input Felder sollen grau sein.

Hier mein bisheriger Versuch:
Code:
<html>
<head>
</head>
<body>
<form name="myform">
<input name="change" onfocus="if (this.value == '') this.style.backgroundColor='#ddd';">
</form>
</body>
</html>
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Frosty
Häufiger Poster


Anmeldungsdatum: 27.10.2008
Beiträge: 221

BeitragVerfasst am: 28.09.2009 13:35:30    Titel: Antworten mit Zitat

getElementById() und getElementsByName() solltest du dir mal angucken.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
x16



Anmeldungsdatum: 27.09.2009
Beiträge: 3

BeitragVerfasst am: 29.09.2009 12:25:39    Titel: Antworten mit Zitat

Werde ich mache, danke.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   JavaScript
Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.