Formattazione Form

elpirata

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!
 
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:
 
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
 
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:
 
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:
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:
 
ok,
ti ringrazio per l'interessamento, io farò lo stesso e se ottengo qualche valido risultato posto.

Saluti.
 
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
 
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.
 
Ahahah simpatico... molto!
Io ho IE8 sinceramente dubito che su IE6/IE7 funzioni.

[edit] anzi ti confermo che su IE6 non funziona.
 
Ultima modifica:
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
 
Devi accedere o registrarti per poter rispondere.

Discussioni simili

felino
Contact Form 7: calendario e formattazione messaggio
Risposte
0
Visite
3K
WordPress
felino
felino
J
mailform+formattazione testo
Risposte
0
Visite
1K
Classic ASP
jsat74
J
gandalf1959
formattazione carrello plug-in WP Simple Paypal Shopping cart
Risposte
2
Visite
2K
WordPress
gandalf1959
gandalf1959
FabioJ
Formattazione date openoffice calc
Risposte
0
Visite
1K
Linux e Software
FabioJ
FabioJ
A
[PHP] Formattazione Mail HTML
Risposte
5
Visite
2K
HTML e CSS
Max 1
Max 1
P
[Javascript] alert con formattazione
Risposte
1
Visite
2K
Javascript
criric
criric
booklisa
[HTML] Formattazione campo input su chrome
Risposte
9
Visite
4K
HTML e CSS
borgo italia
borgo italia
A
esportare dati da tabella mysql a excel mantenendo formattazione
Risposte
0
Visite
3K
PHP
andreafuri
A
K
formattazione stringhe
Risposte
1
Visite
1K
Javascript
marino51
marino51
L
Formattazione date
Risposte
3
Visite
2K
PHP
criric
criric
F
Problema formattazione data e creazione array con nuove date
Risposte
2
Visite
2K
Javascript
fradamma
F
Emix
Formattazione output txt dopo lettura contenuti
Risposte
31
Visite
5K
PHP
borgo italia
borgo italia
F
formattazione timestamp event
Risposte
4
Visite
2K
Javascript
fradamma
F
P
Problemi con la formattazione
Risposte
9
Visite
3K
HTML e CSS
paperinik4
P
R
Aiuto di formattazione HTML e API GOOGLE..
Risposte
0
Visite
2K
HTML e CSS
robysdc
R
D
Perdita della formattazione di un elemento visualizzato con fadeIn()
Risposte
0
Visite
1K
jQuery
ducadimantova
D
S
Pulsanti e Formattazione del testo
Risposte
6
Visite
3K
Javascript
Scar991
S
T
excel 2007 formattazione condizionale
Risposte
2
Visite
3K
Windows e Software
turillo
T
C
Inserire in un div il risultato di una funzione ma senza cambiare formattazione
Risposte
9
Visite
8K
Javascript
Simone Cori
S
S
  • Bloccata
[GUESTBOOK] Formattazione del testo stampato
Risposte
1
Visite
2K
PHP
criric
criric
Alto Basso