Forum PHP.pl > Formularz.

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Formularz.

Forum PHP.pl > Forum > Po stronie przeglądarki

Miko6

31.08.2005, 15:04:05

Jak ustawić w stylach, żeby dla wszystkich pól text w formularzu były jakieś określone kolory, ale tak żeby nie wpisywać wszędzie CLASS="nazwa"?

mike

31.08.2005, 16:55:39

[HTML] pobierz, plaintext 
<style>
input {
    height: 16px;
    padding: 2px;
    border: #cdcdcd solid 1px;
    background-color: #ffffff;
    font: 11px Verdana, Tahoma, Sans-Serif;
}
</style>
 
<form action="" method="post">
<input type="text" name="login" value="" />
<input type="password" name="pass" value="" />
<input type="submit" name="submit" value="Zaloguj" />
</form>
[HTML] pobierz, plaintext

tylko że wszystkie elementy input będe miały ten styl. Żeby niektóym nadać inny musisz nadpisać klasy dla nich.

Miko6

31.08.2005, 18:20:10

To wiem jak zrobić, ale mi zależało na tym aby tylko pole text mialo zmieniony styl i żeby nie ustawiać dla submit osobnego stylu.

mike

31.08.2005, 18:50:14

Zaznaczam że jest to mój pierwszy skrtpt JS, jaki napisałem

może nie działać, tym bardzej że go nie testowałem

plik plik.js

Kod

function externalTexts()
{
    if( ! document.getElementsByTagName )
        return;

    var inputs = document.getElementsByTagName( "<input>" );

    for( var i=0; i < inputs.length; i++ )
    {
        var input = inputs[i];

        if( input.getAttribute( "type" ) == "text" )
            anchor.className = "klasa";
    }
}

window.onload = externalTexts;

[HTML] pobierz, plaintext 
<html>
<script type="text/javascript" src="plik.js"></script>
<body>
<form action="#" method="post">
<input type="text" value="" />
</form>
 
</body>
</html>
[HTML] pobierz, plaintext

31.08.2005, 19:09:50

Cytat(Miko6 @ 2005-08-31 18:20:10)

To wiem jak zrobić, ale mi zależało na tym aby tylko pole text mialo zmieniony styl i żeby nie ustawiać dla submit osobnego stylu.

Takie cos mozna zrobic poprzez ustawiennie :

[HTML] pobierz, plaintext 
input[type="text"] { color: #ddd; }
[HTML] pobierz, plaintext

Zgodne z CSS2.1. Nie obsługuje tego jednak IE.

FiDO

31.08.2005, 19:11:26

Gdyby wszystkie przegladarki wspieraly dobrze CSS2 to moznaby zrobic to za pomoca:

Kod

input[type="text"] {
background-color: white;
color: black;
}

Niestety tak dobrze nie ma, bo IE ma to gdzies :/ wiec albo pobawisz sie klasami albo JS. Ja osobiscie robie tak, ze wszystkim inputom nadaje styl, ktory chce miec w polach textowych, a innym typom nadaje klasy (np. przyciskom), pol tekstowych jest z teguly najwiecej, wiec w ten sposob oszczedzam na pisaniu wiekszej ilosci klas.

Miko6

31.08.2005, 19:55:30

mike_mech niestety ten js u mnie nie działa. FiDO też bym tak zrobił gdyby nie to, że ja edytuje osCommerce'a i nie chce mi sie w każdym formularzu tego zmieniać, a niestety troche ich jest. Zresztą bym musiał ich szukać po plikach.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.