Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2009
    Messaggi
    71

    formattare un form di inserimento

    Ciao ragazzi mi sono imbattuto nei CSS e vorrei cominciare a capirci qualcosa di più. Devo fare un form per l'inserimento di dati come si vedono in tutto il web

    nome: TEXT
    nome: TEXT
    ...

    il problema è che a seconda della lunghezza della parola mi vengono tutti in posizioni diverse e non sono per niente formattati. Insomma un macello....leggendo su web ho visto che si possono usare i fogli CSS per ovviare a questo problema ma non sono riuscito a capire come.

    Qualcuno mi può fare un semplice esempio per formattare una semplice pagina di Login così fatta:

    <label for="Nome Utente"> Nome Utente:</label>
    <select name="Utente" id="Utente">
    <option selected> <%=" "%></option>
    <%
    Statement stm = null;
    ResultSet rst = null;
    stm = conn.createStatement();
    String query = "SELECT Nome, Cognome FROM utenti";
    rst = stm.executeQuery(query);
    while (rst.next()) {
    %>
    <option>
    <%=rst.getString("Nome") + " " + rst.getString("Cognome")%>
    </option>
    <% }%>
    </select>


    <label for="Password"> Password:</label>
    <input type="password" name="Password" size="10">



    Grazie mille per l'aiuto.

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Anzitutto nel codice postato hai mescolato codice lato client (HTML, CSS) con codice lato server (non so se e` PHP, ASP o altro): questo e` un errore concettuale che impedisce di sistemare correttamente la pagina.

    Quando ti fai il CSS devi partire solo dal codice lato client (lo puoi anche estrarre dal browser stesso, dopo aver fatto girare il programma sul server).

    Inoltre ci sono degli errori di sintassi: ad esempio l'attributo for="..." del tag <label> non puo` avere due valori: il valore deve essere unico e deve corrispondere ad un id presente nel form.


    Dopodiche` ti lascio dei link per formattare i form: infatti la formattazione dei form ha delle caratteristiche uniche, che esulano dalle solite cose che si studiano.

    Accessible CSS Forms: Using CSS to Create a Two-Column Layout
    Form fluidi con i css
    Styling form controls with CSS
    Fieldsets, Legends and Screen Readers
    Evidenziare elementi di form
    L'aspetto dei form modificati con i CSS
    Bottoni creativi e CSS
    Personalizzare e rimpiazzare le label in un form
    Web form design guidelines: an eyetracking study
    Migliorare l'aspetto grafico e le funzionalità dei pulsanti HTML

    PS: la prossima volta che devi postare del coidce, usa i tag VB correttamente (ad esempio mediante il bottone # sopra l'area di inserimento testo
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.