Stephan: Textfarbe im Eingabefeld

Hi

Ich habe ein Gästebuch in meine Seite eingebunden.

http://www.htwm.de/skaempf/gbook.php

Nun soll aber die Textfarbe in den Eingabefeldern eine andere Farbe haben. Wie kann ich das machen?

So sind die Eingabefelder definiert:

<TD>
      <INPUT NAME='name' MAXLENGTH='50' SIZE='25' VALUE='<? echo $entry[2]; ?>'>
    </TD>
    <TD>
      <INPUT NAME='email' MAXLENGTH='50' SIZE='25' VALUE='<? echo $entry[3]; ?>'>
   </TD>

mfg

Stephan

  1. Hallo,

    http://de.selfhtml.org/html/formulare/formatieren.htm befaßt sich mit Deinem Problem recht gut.

    Gruß aus Berlin!
    eddi

    1. Hi

      Das hatte ich auch schon gefunden, nur komme ich damit nocht klar! Gibt es nicht einen einfachen Befehl mit dem ich die Textfarbe für jedes Eingabefeld einzeln ändern kann?

      mfg

      Stephan

      Hallo,

      http://de.selfhtml.org/html/formulare/formatieren.htm befaßt sich mit Deinem Problem recht gut.

      Gruß aus Berlin!
      eddi

      1. Re:

        Das hatte ich auch schon gefunden, nur komme ich damit nocht klar!

        Also habe ich jetzt "Yes Sir!" zu sagen, um Dir dann den aller Wertesten abputzen zu dürfen?

        Gibt es nicht einen einfachen Befehl mit dem ich die Textfarbe für jedes Eingabefeld einzeln ändern kann?

        Ja, den gibt es. Er ist aber nur dann ein "einfacher 'Befehl'", wenn man

        http://de.selfhtml.org/html/formulare/formatieren.htm

        und die dort weiterführenden Querverweise gelesen und verstanden hat.

        Gruß aus Berlin!
        eddi

      2. Hello,

        Das hatte ich auch schon gefunden, nur komme ich damit nocht klar! Gibt es nicht einen einfachen Befehl mit dem ich die Textfarbe für jedes Eingabefeld einzeln ändern kann?

        So wie Du die <input>-Elemente bisher angelegt hast, leider nicht.

        PHP generiert den Code, der dann z.B. als HTML und CSS beim Browser ankommt.

        Wenn Deine Eingabefelder alle eine eindeutige Bezeichnung haben, dann könntest Du eine ID (CSS) dafür vergeben, und die Farbe per ID festlegen

        http://de.selfhtml.org/css/formate/zentrale.htm#individualformate

        Harzliche Grüße vom Berg
        http://www.annerschbarrich.de

        Tom

        --
        Fortschritt entsteht nur durch die Auseinandersetzung der Kreativen
        Nur selber lernen macht schlau

        1. Hallo,

          So wie Du die <input>-Elemente bisher angelegt hast, leider nicht.

          das ist nun auch wieder so nicht ganz korrekt, denn jedes <input>-Element kann eindeutig über Attribut-Selektoren angesprochen werden. (Was veraltete [besonders Nichtbrowser™] Browsern leider wenig tangiert.)

          Gruß aus Berlin!
          eddi

          1. Hello Eddi,

            So wie Du die <input>-Elemente bisher angelegt hast, leider nicht.

            das ist nun auch wieder so nicht ganz korrekt, denn jedes <input>-Element kann eindeutig über Attribut-Selektoren angesprochen werden. (Was veraltete [besonders Nichtbrowser™] Browsern leider wenig tangiert.)

            Da kann ich jetzt nicht ganz folgen.
            Das einzige unterscheidende Attribut ist hier doch der Name
            Kann man den mit CSS auch selektieren?

            Ich lerne da gerne dazu...
            Das passt nämlich dann gerade für mein Projekt "Überarbeitung des Baukastens" :-)

            Harzliche Grüße vom Berg
            http://www.annerschbarrich.de

            Tom

            --
            Fortschritt entsteht nur durch die Auseinandersetzung der Kreativen
            Nur selber lernen macht schlau

            1. Re:

              Kann man den mit CSS auch selektieren?

              ...jedes <input>-Element kann eindeutig über Attribut-Selektoren angesprochen werden.

              FF/Moz _und_ (man höre, sage und staune) Konqueror interpretieren dies problemlos.

              (Was veraltete [besonders Nichtbrowser™] Browsern leider wenig tangiert.)

              Opera will nicht und der IE ist gerade nicht installiert ;(

              Gruß aus Berlin!
              eddi

              1. Hallo eddi.

                [Attribut-Selektoren]

                »»

                Opera will nicht …

                Dieser unterstütz in der mir vorliegenden Version (9TP2) alle Attributselektoren von CSS Level 2. Zumindest die ersten beiden werden meines Wissens auch in Version 8.* unterstützt.

                und der IE ist gerade nicht installiert ;(

                Erwartest du ernsthaft, dass dieser über solche Fähigkeiten verfügt?

                Einen schönen Donnerstag noch.

                Gruß, Ashura

                --
                sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
                „It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
                [HTML Design Constraints: Logical Markup]
              2. Hello Eddi,

                FF/Moz _und_ (man höre, sage und staune) Konqueror interpretieren dies problemlos.

                Ich habe das mal eben schnell zusammengekotzt und der Firefox 1.0 PR kann es tatsächlich auch.
                Und der Netscape Navigator 7.1 auch.

                Der IE 5.5 streikt allerdings

                <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
                <HTML>
                <HEAD>
                  <TITLE>Testseite</TITLE>

                <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

                <META NAME="Author" CONTENT="Thomas Schmieder, www.bitworks.de">
                  <META NAME="Keywords" LANG="de" CONTENT="">
                  <META NAME="Description" CONTENT="Tst mit CSS Descriptoren">
                  <META NAME="Robots" CONTENT="Index,Follow">
                  <META NAME="Revisit" CONTENT="After 5 days">
                  <META name="date" content="<?php echo date('Y-m-d', filemtime(__FILE__)); ?>">

                <style type="text/css">

                html,  body
                    {
                      height:99%;
                      width:99%;
                      font-family:century gothic, tahoma, arial,sans-serif;
                    }

                [name=feld1]
                    {
                      background-color:#FF0000;
                    }

                [name=feld2]
                    {
                      background-color:#00FF00;
                    }

                [name=feld3]
                    {
                      background-color:#0000FF;
                    }

                </style>

                </HEAD>

                <BODY>

                <form action="">

                <input type="text" name="feld1"><br>
                    <input type="text" name="feld2"><br>
                    <input type="text" name="feld3"><br>

                </form>

                </BODY>
                </HTML>

                Harzliche Grüße vom Berg
                http://www.annerschbarrich.de

                Tom

                --
                Fortschritt entsteht nur durch die Auseinandersetzung der Kreativen
                Nur selber lernen macht schlau

                1. Hello,

                  und die Validators sagen dazu:
                  ------

                  Zeile : 27 (Level : 1) Sie haben keine Vordergrundfarbe zu der Hintergrundfarbe angegeben : [name="feld1"]
                  Zeile : 32 (Level : 1) Sie haben keine Vordergrundfarbe zu der Hintergrundfarbe angegeben : [name="feld2"]
                  Zeile : 37 (Level : 1) Sie haben keine Vordergrundfarbe zu der Hintergrundfarbe angegeben : [name="feld3"]

                  ------

                  This Page Is Valid HTML 4.01 Transitional!

                  ------

                  Erstaunlich, erstaunlich :-)

                  Harzliche Grüße vom Berg
                  http://www.annerschbarrich.de

                  Tom

                  --
                  Fortschritt entsteht nur durch die Auseinandersetzung der Kreativen
                  Nur selber lernen macht schlau

                  1. Re:

                    Ihr validiertes Cascading Style Sheet:

                         html, body {  
                              o height : 99%;  
                              o width : 99%;  
                              o font-family : century gothic, tahoma, arial, sans-serif;  
                          }  
                         [name="feld1"] {  
                              o background-color : #ff0000;  
                              o color : #00f;  
                          }  
                         [name="feld2"] {  
                              o background-color : #00ff00;  
                              o color : #f0f;  
                          }  
                         [name="feld3"] {  
                              o background-color : #0000ff;  
                              o color : #f00;  
                          }
                    

                    Gruß aus Berlin!
                    eddi