Design von Eingabefeldern - SciFi-Forum

Ankündigung

Einklappen
Keine Ankündigung bisher.

Design von Eingabefeldern

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

    Design von Eingabefeldern

    Ich hätt eine Frage bzgl Eingabefeldern von Formularen. Wie kann ich die Hintergrund- und Schriftfarbe solcher Felder ändern?

    Wär cool wenn ihr mir da helfen könnt
    Danke im Voraus
    Nerys
    Wie weit ist es bis man den Himmel berührt? Wirklich frei macht wahrscheinlich nur der Wahnsinn! You will see those better days!

    #2
    Das geht so Nerys:

    Code:
    <input type="text" size="30" name="Textfeld" style="font-family:Verdana,Arial;
    *
    Code:
     background-color:#FF0000;
    **
    Code:
     color:#0000FF;
    **
    Code:
     border-style:dotted;
    ****
    Code:
     border-width:2px;
    *****
    Code:
     border-color=#FFFFFF;
    ******
    Code:
     ">

    * Schriftart (in dem Fall: Verdana)
    ** Hintergrundfarbe (hier: Rot)
    *** Schriftfarbe in den Eingabefeldern (hier: Blau)
    **** Rahmenstil des Eingabefeldes (hier: gepunktet - sieht lustig aus)
    ***** Dicke des Rahmens um das Feld (hier: 2 Pixel)
    ****** Farbe des Rahmens um das Feld (hier: Weiß)

    So sollte es aussehen wenn es fertig ist:

    Code:
    <input type="text" size="30" name="Textfeld" style="font-family:Verdana,Arial; background-color:#FF0000; color:#0000FF; border-style:dotted; border-width:2px; border-color=#FFFFFF;">

    Das sind alles Style Sheet angaben! Style Sheets sind genial.
    Live well. It is the greatest revenge.

    Kommentar


      #3
      werde ich mich mal wieder als Experte bestätigen

      Code:
      <style type="text/css">
      <!--
      INPUT {
      	background-color : Silver; //Hintergrundfarbe
      	color : Green;             //Schiftfarbe
            }
      oder
       
      INPUT .farbe{
               background-color : Silver; //Hintergrundfarbe
      	color : Green;             //Schiftfarbe
            }
      // ist kommentar nicht in die HTML seite schreiben


      Beispiel 1:
      wenn so definiert gilt das für alle input-Felder

      Beispiel 2:
      das wird so aufgerufen:
      Code:
      <input class="farbe">

      du kanst die Class aber auch so anlegen .farbe das kannst du dann auch z.b. in eine Tabellezelle verwenden.


      P.S das wird oben in der HTML-Seite im "head" eingefügt

      Kommentar


        #4
        Vielen Dank für die Hilfe, jetzt kenn ich mich aus (hoff ich zumindest).

        LG Nerys
        Wie weit ist es bis man den Himmel berührt? Wirklich frei macht wahrscheinlich nur der Wahnsinn! You will see those better days!

        Kommentar


          #5
          @Commander Kyra: Deines ist doch zu kompliziiiiiert
          Bei meinem Beispiel hat Nerys alles in einem HTML-Tag drin.
          Live well. It is the greatest revenge.

          Kommentar


            #6
            nöö ist es nicht

            wenn man viele Felder hat und einen langen QuellText noch dazu

            und man die Hintergrundfarbe von Blau zu lila ändern will.

            brauch man bei mir nur oben im Kopf das zutun, und ausserdem ist die Datei dann kleiner

            Kommentar


              #7
              Originalnachricht erstellt von Commander Kyra
              nöö ist es nicht

              wenn man viele Felder hat und einen langen QuellText noch dazu

              und man die Hintergrundfarbe von Blau zu lila ändern will.

              brauch man bei mir nur oben im Kopf das zutun, und ausserdem ist die Datei dann kleiner
              Was soll ich sagen, du hast mit alledem recht.
              Aaaaber: Ich hoffe Nerys weiß, dass die allgemeinen Style Sheet angaben im Kopf der HTML-Datei notiert werden müssen.
              Live well. It is the greatest revenge.

              Kommentar


                #8
                @Gene
                das hab ich in einen ersten post geschreiben :

                Originalnachricht erstellt von Commander Kyra

                P.S das wird oben in der HTML-Seite im "head" eingefügt

                Kommentar


                  #9
                  Originalnachricht erstellt von Commander Kyra
                  @Gene
                  das hab ich in einen ersten post geschreiben :
                  Uuups, sorry Kyra, das habe ich übersehen. Du bist echt gut!
                  Wahnsinn, eine Frau die programmieren kann. Nicht, dass ich ihnen dass nicht zutrauen würde - im Gegenteil, bestimmt sind Frauen die besseren Programmierer durch ihre Sorgfalt, die Liebe zum Detail und dergleichen. Es ist nur so, dass du die erste bist, die ich kenne.

                  @Nerys: Mach es so wie es Commander Kyra vorgeschlagen hat, ist echt die bessere Lösung! *Respekt*
                  Live well. It is the greatest revenge.

                  Kommentar


                    #10
                    @Gene
                    ich arbeite als Java-Programmierin
                    in unser Gruppe/Abteilung sind nur 2 Frauen von 18 Leuten

                    und danke für das lob *ich jetzt ganz stolz sei*
                    Zuletzt geändert von Commander Kyra; 28.09.2001, 09:11.

                    Kommentar

                    Lädt...
                    X