Formular cu CSS




Am sa incerc sa va prezint realizarea unui formular folosinf CSS-ul si nu tabele. Este doar un exemplu simplu cu trei campuri … daca sunteti interesati lasati comentariu si am sa va prezint si un formular mai complicat folosind CSS-ul fara tabel sau folosind tabel.

In HTML introducem:

<form>

<label for=”name”>Nume</label>
<input id=”name” name=”name”><br>

<label for=”address”>Adresa</label>
<input id=”address” name=”address”><br>

<label for=”city”>Oras</label>
<input id=”city” name=”city”><br>
</form>

Codul CSS nu este deloc complicat si va fi usor de inteles.

label,input {
display: block;
width: 150px;
float: left;
margin-bottom: 10px;
}

label {
text-align: right;
width: 75px;
padding-right: 20px;
}

br {
clear: left;
}

4 Comentarii

  1. buna.
    m-ar interesa si pe mine cum se face un formular ca acesta, de submit comment. pt ca am facut un site si as vrea sa fac si un blog in pag.site-ului,dar nu prea stiu cum

  2. admin says:

    Buna Daniel,

    daca nu cunosti php si mysql te-as sfatui sa iei wordpress, cum am si eu spre exemplu. Daca vrei doar un formular de comment nu cumva vrei de fapt guestbook?

  3. Am deja un blog de genul blogspot, dar eu vreau sa fac altceva.Site-ul este facut cu google page creator.
    Daca vrei poti sa te uiti,l-am pus la numele meu..
    Oricum este in constructie
    Ce zici am ambitii mari?

  4. Jonutz says:

    Buna,
    vreau sa specific de la inceput ca nu vreau sa fac pe istetul .
    E doar o parere.

    Eu as sugera ca in codul css sa se defineasca si proprietatile “form-ului” . Aceasta definire este utila mai ales atunci cand trebuie sa facem un form intr-o zona cu un “width” fix .

    form{
    margin:0;
    pading:0;
    }
    eventual si “width:400px;”

Si care e parerea ta?...