Formattazione Form

elpirata

Utente Attivo
18 Mar 2009
264
7
18
Ciao raga,
ho creato un "se cosi si può chiamare" modulo form con dreamweaver per l'inserimento di contratti in un DB, visto che sono in difficoltà mi dareste una mano a sistemare il codice in modo che acquisisca una visualizzazione normale?

Il "form" è visibile all'indirizzo http://www.salernoserver.com/test.php vi posto anche il codice....

Codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Modulo Contratto</title>
</head>

<body>
<fieldset>
<legend>Dati Anagrafici</legend>
<table border="0">
  <tr>
    <th width="257" scope="col"><label for="nome">
      <div align="left">Ragione Sociale</div>
    </label>
      <div align="left">
        <input type="text" name="cognome" id="cognome" />
      </div></th>
    <th width="181" scope="col"><label for="label">
      <div align="left"></div>
    </label>
      <div align="left"></div></th>
    <th width="158" scope="col"> </th>
    <th width="199" scope="col"> </th>
    <th width="163" scope="col"> </th>
  </tr>
  <tr>
    <td><label for="anno">
      <div align="left">Comune Sede Legale</div>
    </label>
      <div align="left">
        <input type="text" name="textField" id="anno" />
      </div></td>
    <td><label for="label">Provincia</label>
      <input type="text" name="anno" id="label" /></td>
    <td><label for="label2">Via</label>
      <input type="text" name="anno2" id="label2" /></td>
    <td><label for="label3">Numero Civico</label>
      <input type="text" name="anno3" id="label3" /></td>
    <td><label for="label4">Cap</label>
      <input type="text" name="anno4" id="label4" /></td>
  </tr>
  <tr>
    <td><label for="label5">Codice Fiscale</label>
      <input type="text" name="anno5" id="label5" /></td>
    <td><label for="label6">Partita IVA</label>
      <input type="text" name="anno6" id="label6" /></td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td><label for="label7">Referente Contrattuale</label>
      <input type="text" name="anno7" id="label7" /></td>
    <td><label for="label8">Numero di Telefono</label>
      <input type="text" name="anno8" id="label8" /></td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td><label for="label9"><br />
      Desidero ricevere fattura via e-mail</label>
      <form id="form1" name="form1" method="post" action="">
        <label>
          <input type="checkbox" name="si" id="si" />
          si</label>
        <input type="checkbox" name="no" id="no" />
      no
      </form>
      <p> </p></td>
    <td><form id="form2" name="form2" method="post" action="">
      <label></label>
    Indirizzo e-mail
    
    </form>
      <label for="label9"></label>
    <input type="text" name="anno9" id="label9" /></td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
</table>
</fieldset>
<fieldset>
<legend>Dati Legale Rappresentante</legend>
<table border="0">
  <tr>
    <th width="224" scope="col"><label for="nome">
      <div align="left">Cognome*</div>
    </label>
      <div align="left">
        <input type="text" name="cognome" id="cognome" />
    </div></th>
    <th width="203" scope="col"><label for="label">
      <div align="left">Nome*</div>
    </label>
      <div align="left">
        <input type="text" name="nome" id="nome" />
    </div></th>
    <th width="171" scope="col"> </th>
    <th width="199" scope="col"> </th>
    <th width="163" scope="col"> </th>
  </tr>
  <tr>
    <td><label for="anno">
      <div align="left">Luogo di Nascita</div>
      </label>
      <div align="left">
        <input type="text" name="textField" id="anno" />
      </div></td>
    <td><label for="label">Data di Nascita</label><input type="text" name="anno" id="label" /></td>
    <td><label for="label2">Comune di Residenza</label>
      <input type="text" name="anno2" id="label2" /></td>
    <td><label for="label3">Provincia</label><input type="text" name="anno3" id="label3" /></td>
    <td><label for="label4">Numero Civico</label><input type="text" name="anno4" id="label4" /></td>
  </tr>
  <tr>
    <td><label for="label5">Cap </label><input type="text" name="anno5" id="label5" /></td>
    <td><label for="label6">Codice Fiscale</label>
    <input type="text" name="anno6" id="label6" /></td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
</table>
</fieldset>
<fieldset>
<legend>Recapito Fatture (solo se diverso da quanto sopra)</legend>
<table border="0">
  <tr>
    <th width="224" scope="col"><label for="nome">
        <div align="left">Ragione Sociale</div>
      </label>
        <div align="left">
          <input type="text" name="cognome2" id="cognome2" />
      </div></th>
    <th width="203" scope="col"><label for="label">
        <div align="left"></div>
      </label>
        <div align="left"></div></th>
    <th width="171" scope="col"> </th>
    <th width="199" scope="col"> </th>
    <th width="163" scope="col"> </th>
  </tr>
  <tr>
    <td><label for="anno">
        <div align="left">Comune Sede Legale</div>
      </label>
        <div align="left">
          <input type="text" name="anno10" id="anno2" />
      </div></td>
    <td><label for="label10">Provincia</label>
        <input type="text" name="label" id="label10" /></td>
    <td><label for="label11">Via</label>
        <input type="text" name="label" id="label11" /></td>
    <td><label for="label12">Numero Civico</label>
        <input type="text" name="label" id="label12" /></td>
    <td><label for="label13">Cap</label>
        <input type="text" name="label" id="label13" /></td>
  </tr>
</table>
</fieldset>
<legend>Dati bancari per attivazione RID</legend>
<table border="0">
  <tr>
    <th width="224" scope="col"><label for="nome">
        <div align="left">Descrizione Banca</div>
        </label>
        <div align="left">
          <input type="text" name="cognome2" id="cognome2" />
    </div></th>
    <th width="203" scope="col"> </th>
    <th width="171" scope="col"> </th>
    <th width="199" scope="col"> </th>
    <th width="163" scope="col"> </th>
  </tr>
  <tr>
    <td><label for="anno">
      <div align="left">IBAN</div>
        </label>
        <div align="left">
          <input type="text" name="anno10" id="anno2" />
    </div></td>
    <td>Cognome
      </label>
      Intestatario
      c/c
      <div align="left">
        <input type="text" name="anno11" id="anno3" />
      </div>      <label for="label10"></label></td>
    <td><label for="label11">Nome
      </label>
Intestatario c/c</label>
      <div align="left">
        <input type="text" name="anno13" id="anno5" />
      </div></td>
    <td><label for="label12">Codice Fiscale</label><input type="text" name="label" id="label12" /></td>
    <td><label for="label13"></label></td>
  </tr>
  
</table>
</fieldset>
<table border="0">
  <tr>
    <th width="224" scope="col"><label for="nome">
        <div align="left">Descrizione Banca</div>
        </label>
        <div align="left">
          <input type="text" name="cognome2" id="cognome2" />
    </div></th>
    <th width="203" scope="col"> </th>
    <th width="171" scope="col"> </th>
    <th width="199" scope="col"> </th>
    <th width="163" scope="col"> </th>
  </tr>
  <tr>
    <td><label for="anno">
      <div align="left">IBAN</div>
        </label>
        <div align="left">
          <input type="text" name="anno10" id="anno2" />
    </div></td>
    <td>Cognome
      </label>
      Intestatario
      c/c
      <div align="left">
        <input type="text" name="anno11" id="anno3" />
      </div>      <label for="label10"></label></td>
    <td><label for="label11">Nome
      </label>
Intestatario c/c</label>
      <div align="left">
        <input type="text" name="anno13" id="anno5" />
      </div></td>
    <td><label for="label12">Codice Fiscale</label><input type="text" name="label" id="label12" /></td>
    <td><label for="label13"></label></td>
  </tr>
  
</table>
</fieldset>
<fieldset>
<legend>Accise e IVA</legend>
<p>Il legale rappresentante della suddettà società sotto la personale responsabilità e consapevole delle responsabilità derivate in caso di dichiarazioni non veritiere DICHIARA che nel punto di prelievo indicato e società esercità l'attività di
  <input name="p." type="text" /> 
e che il punto di fornitura in questione<br /> 
<input name="p.f" type="radio" value="" /> 
va da 
<input type="text" name="xx" id="xx" />
</form> 
%</p>
<p>
  <input type="radio" name="radio" id="x" value="x" /> 
Accise ordinarie </p>
<p>
  <input type="radio" name="radio" id="xx2" value="xx" /> 
  Agevolazioni/Esenzioni
</p>
</fieldset>
<fieldset>
<legend>Punto di Fornitura</legend>
<table border="0">
  <tr>
    <th width="224" scope="col"><label for="nome">
        <div align="left">Sito per cui si richiede l'attivazione</div>
        </label>
      <div align="left">
          <input type="text" name="cognome2" id="cognome2" />
    di    
    <input type="text" name="xx2" id="xx3" />
      </div></th>
    <th width="203" scope="col"><label for="label14">Comune</label>
      <input type="text" name="label2" id="label14" /></th>
    <th width="164" scope="col"><label for="label15">
    <div align="center">Provincia</div>
    </label>
    <input type="text" name="label3" id="label15" /></th>
    <th width="206" scope="col"><label for="label16">Via</label>
      <input type="text" name="label4" id="label16" /></th>
    <th width="163" scope="col"><label for="label17">Numero Civico</label>
      <input type="text" name="label5" id="label17" /></th>
  </tr>
  <tr>
    <td><label for="label18">Cap </label>
      <input type="text" name="label6" id="label18" />
    <div align="left"></div></td>
    <td>Codice / Matricola
      <div align="left">
        <input type="text" name="anno11" id="anno3" />
      </div>      <label for="label10"></label></td>
    <td><label for="label11">Codice Attacco</label><div align="left">
        <input type="text" name="anno13" id="anno5" />
      </div></td>
    <td><label for="label12">Potenza Disponibile</label><input type="text" name="label" id="label12" /></td>
    <td><label for="label19">Consumo Stimato</label>
      <input type="text" name="label7" id="label19" />      <label for="label13"></label></td>
  </tr>
</table>
</body>
</html>

Non guardate gli input type, a me interessa per il momento solo la formattazione... Ci sto sbattendo da un bel po' :crying:

Thanks!
 

elpirata

Utente Attivo
18 Mar 2009
264
7
18
Ciao,
grazie per la risposta, ti posto il link corretto e ti spiego:
http://www.salernoserver.com/contratto.php

Vorrei fare in modo di visualizzare
  • Dati Anagrafici
  • Dati Rappresentante Legale
  • Recapito Fatture ecc.ecc.
all'interno di Fieldset, solo che non so in quale parte del codice aprire e chiudere tale tag.

altra cosa, vorrei poter affiancare orizzontalmente i vari campi in ogni Fieldset es: Ragione Sociale: xxxxxxxx poi accanto a destra Comune sede legale: xxxxxxx per poi continuare sotto....

Non so se mi sono spiegato bene, ma spero di si e confido in una vostra risposta.

Saluti :byebye:
 

elpirata

Utente Attivo
18 Mar 2009
264
7
18
Ci mancherebbe altro, anzi non basta ringraziare. :fonzie:


Thanks! :byebye:
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
150
63
PR
www.borgo-italia.it
ciao
ti allego lo zip con la pagina, sperando che sia quello che intendevi.
nella pagina non ho cancellato il tuo form così li trovi entrambi.
ho lavorato anche io con le tabelle, comunque modificando il css può essere migliorato


p.s.
mi sono permesso due correzioni:
tensione è V non W
KW si scrive kW
 

elpirata

Utente Attivo
18 Mar 2009
264
7
18
Ciao borgo italia,
grazie per avermi fatto notare le imperfezioni sul contratto, volevo informarti che ho apportato le dovute modifiche, ma mi farebbe piacere che gli daresti un'occhiata.

Ecco il link: http://www.salernoserver.com/beta/contratto_2.php

approfitto per chiederti se è possibile rendere il campo text di colore giallo, al momento in cui il cursore è posizionato all'interno di esso...

Saluti
Elpirata :byebye:
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
150
63
PR
www.borgo-italia.it
ciao
mi sembra ok.
l'unica cosa che non vedo (forse devi ancora metterli) sono
il tag <form....>......</form>
e i pulsanti invia e reset

per quanto riguarda far divenrtare giallo il campi di imput credo(ma non sono sicuro) che devi utilizzare onfocus, sempre credo nei css

input : onfocus{
background-color: #00ff00;
}
ma non sono sicuro
 
Ultima modifica:

elpirata

Utente Attivo
18 Mar 2009
264
7
18
ciao,
si infatti di proposito non ho ancora inserito il tag form e i pulsanti invia e reset, devo completare altri piccoli acoorgimenti...

ho provato ad implementare il css, ma non funge :crying:


:byebye::byebye:
 

elpirata

Utente Attivo
18 Mar 2009
264
7
18
ok,
ti ringrazio per l'interessamento, io farò lo stesso e se ottengo qualche valido risultato posto.

Saluti.
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
150
63
PR
www.borgo-italia.it
ciao
sono risuscito a fare solo questo
nel css

HTML:
input#aa{background-color:#FFFFFF;}
input#aa:hover{background-color: #99CCCC;}

oppure

HTML:
input.aa{background-color:#FFFFFF;}
input.aa:hover{background-color: #99CCCC;}

nel form agli input che interessano ho assegnato un id ( o una classe)

HTML:
<input type="text" size="38" name="num_contratto" class="text" value="" id="aa"  maxlength="100" " />

passando sopra il campo col mouse cambia colore
con onFocus non funzia
 

jan267

Utente Attivo
6 Mar 2003
1.950
2
38
35
Milano
twitter.com
Mi spiace deludere te: su IE non va ne l'uno ne l'altro.
E tanto per inciso ti dò un'altra delusione: se va solo da una parte è come se non andasse da nessuna. Il sito deve essere crossbrowser.
 

jan267

Utente Attivo
6 Mar 2003
1.950
2
38
35
Milano
twitter.com
Ahahah simpatico... molto!
Io ho IE8 sinceramente dubito che su IE6/IE7 funzioni.

[edit] anzi ti confermo che su IE6 non funziona.
 
Ultima modifica:

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
150
63
PR
www.borgo-italia.it
ho ho le traveggole io che non distinguo ie (ho ora 7) da ff, oppure :hover funziona sia sull'uno che su l'altro.:mavieni:

tra l'altro su un mio sito che ho da circa quattro anni uno dei menu utilizza :hover e con ie 6 vedevo (e vedo) perfettamente l'effetto.

su focus hai ragione funzia solo su ff
 
Discussioni simili
Autore Titolo Forum Risposte Data
felino Contact Form 7: calendario e formattazione messaggio WordPress 0
gandalf1959 formattazione carrello plug-in WP Simple Paypal Shopping cart WordPress 2
FabioJ Formattazione date openoffice calc Linux e Software 0
A [PHP] Formattazione Mail HTML HTML e CSS 5
P [Javascript] alert con formattazione Javascript 1
booklisa [HTML] Formattazione campo input su chrome HTML e CSS 9
A esportare dati da tabella mysql a excel mantenendo formattazione PHP 0
K formattazione stringhe Javascript 1
L Formattazione date PHP 3
F Problema formattazione data e creazione array con nuove date Javascript 2
Emix Formattazione output txt dopo lettura contenuti PHP 31
F formattazione timestamp event Javascript 4
P Problemi con la formattazione HTML e CSS 9
R Aiuto di formattazione HTML e API GOOGLE.. HTML e CSS 0
D Perdita della formattazione di un elemento visualizzato con fadeIn() jQuery 0
S Pulsanti e Formattazione del testo Javascript 6
T excel 2007 formattazione condizionale Windows e Software 2
C Inserire in un div il risultato di una funzione ma senza cambiare formattazione Javascript 9
S [GUESTBOOK] Formattazione del testo stampato PHP 1
Max 1 Cidice in un tag <pre>, (formattazione) HTML e CSS 2
P Formattazione campo input Javascript 0
emanuelevt domanda su formattazione forum PHP 3
emanuelevt funzione formattazione teso Javascript 0
emanuelevt formattazione testo con javascript Javascript 0
T Formattazione testo con i CSS HTML e CSS 9
D Preblemi formattazione email PHP 3
A Html - css : domanda e aiuto per formattazione banner e navigazione HTML e CSS 1
S formattazione valuta php che vada da mille euro a 99 milioni PHP 1
andreas88 Problema formattazione Windows e Software 12
S Excel: formattazione celle condizionata con vba Visual Basic 0
C formattazione Report MS Access 0
F Wordpress: formattazione testo WordPress 8
S formattazione tabellare: inserimento immagine HTML e CSS 2
B Formattazione Vista Windows e Software 1
T Formattazione in celle di una tabella PHP 1
S formattazione tag html all'interno mysql PHP 3
F Problema formattazione testo (MySql) MySQL 0
SolidSnake4 formattazione testo PHP 1
SolidSnake4 invio e mantenimento formattazione testo PHP 2
M Formattazione del contenuto di una variabile PHP 1
M Formattazione file txt PHP 6
F problemi con la formattazione del testo HTML e CSS 4
G Formattazione condizionale scompare in Excel 2007 Windows e Software 0
G Come applicare formattazione classe ad un tag già formattato? HTML e CSS 3
amanu86 Formattazione report Word Database 6
1 virus anche dopo la formattazione!! Sicurezza e Virus 3
A Formattazione PHP 2
a-live senza compromettere la formattazione HTML e CSS 5
G formattazione testo Flash 2
jan267 Errore: Semplici funzioni per la formattazione del testo Discussioni Varie 6

Discussioni simili