Form con tabelle

elpirata

elpirata

Utente Attivo
18 Mar 2009
264
7
18
Ciao raga,
avrei la necessità di realizzare un form come da allegato.
Nel form l'utente deve inserire i dati e con un pulsante invia, inserirli in un database.
Non riesco a realizzare la struttura utlizzando le tabelle, non so affiancare i campi, mi dareste una mano ?



:confused:
 

Allegati

  • Scan_20140401_124501.jpg
    Scan_20140401_124501.jpg
    58,1 KB · Visite: 256
elpirata

elpirata

Utente Attivo
18 Mar 2009
264
7
18
Vorrei rendere la tabella più carina a livello visivo e mi piacerebbe dividere il codice css da quello html

Mi dareste una mano ?

PHP: 
<!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>Commessa Officina</title>
<style type="text/css">
#container {
	width: 770px;
}

#salva {
	margin-left: 50px;
	margin-bottom: 10px;
	float: right;
}
</style>

<script language="javascript">
function sum() {
var a = parseInt(document.InserisciCommessaOfficina.imp1.value);
var b = parseInt(document.InserisciCommessaOfficina.iva1.value);
var c = a + b;
document.InserisciCommessaOfficina.somma.value = c;
}
</script>
</head>

<body>
<div id="container"> <!-- apro il div container -->
<FORM name InserisciCommessaOfficina method="POST" action="../salva.php">
<fieldset>
  <legend>Anagrafica Cliente</legend>
  <div id="anagrafica">
    <table width="615" border="1" cellpadding="3" cellspacing="1" bordercolor="#FFCC00" style="background-color: #FFFFCC; color: #FF001F;">
      <tr>
        <td width="99">Id</td>
        <td width="495"><input name="id" disabled="disabled" id="id" value="0" size="10" readonly="readonly"></td>
        <td width="99">Data  gg/mm/aaaa</td>
        <td><input name="data" required="required" id="data"></td>
        </tr>
      <tr>
        <td>Cliente</td>
        <td><input name="cliente" id="cliente"></td>
        </tr>
      <tr>
        <td>Indirizzo</td>
        <td><input name="indirizzo" id="indirizzo"></td>
        </tr>
      <tr>
        <td>Partita Iva</td>
        <td><input name="piva" id="piva" maxlength="12"></td>
        </tr>
      <tr>
        <td>Telefono</td>
        <td><input name="tel" id="tel"></td>
        </tr>
    </table>
</fieldset>

<fieldset>
  <legend>Anagrafica Vettura</legend>
    <table width="615" border="1" cellpadding="3" cellspacing="1" bordercolor="#FFCC00" style="background-color:#FFFFCC">
      <td width="99">Veicolo</td>
        <td width="145"><input name="veicolo" id="veicolo"></td>
        </tr>
      <tr>
        <td>Targa</td>
        <td><input name="targa" required="required" id="targa"></td>
        </tr>
      <tr>
        <td>Telaio</td>
        <td><input name="telaio" id="telaio"></td>
        </tr>
      <tr>
        <td>Km</td>
        <td><input name="km" id="km"></td>
        <td width="54">Nome tecnico</td>
        <td width="278"><input name="n_tecnico" required="required" id="n_tecnico"></td>
        </tr>
    </table>
</fieldset>
<fieldset>
<legend>Interventi</legend>
<table width="615" border="1" cellpadding="3" cellspacing="1" bordercolor="#FFCC00" style="background-color:#FFFFCC">
        <td>Intervento</td>
      	<td>Importo</td>
        <td>Iva</td>
        <td>Calcola</td>
        <td>Totale</td>
        </tr>
      <tr>
        </tr>
      <tr>
        <td><input name="int1" id="int1"></td>
        <td><input name="imp_1" id="imp_1" size="10"></td>
        <td><input name="iva_1" id="iva_1" size="10"></td>
        <td><input type="button" value="Calcola" onClick="javascript:sum();"></td>
        <td><input name="tot_1" id="tot_1"></td>
        </tr>
      <tr>
        <td><input name="int2" id="int2"></td>
        <td><input name="imp_2" id="imp_2" size="10"></td>
        <td><input name="iva_2" id="iva_2" size="10"></td>
        <td><input name="tot_2" id="tot_2"></td>
        </tr>
        
        <tr>
        <td><input name="int3" id="int3"></td>
        <td><input name="imp_3" id="imp_3" size="10"></td>
        <td><input name="iva_3" id="iva_3" size="10"></td>
        <td><input name="tot_3" id="tot_3"></td>
        </tr>
        
        <tr>
        <td><input name="int4" id="int4"></td>
        <td><input name="imp_4" id="imp_4" size="10"></td>
        <td><input name="iva_4" id="iva_4" size="10"></td>
        <td><input name="tot_4" id="tot_4"></td>
        </tr>
        
        <tr>
        <td><input name="int5" id="int5"></td>
        <td><input name="imp_5" id="imp_5" size="10"></td>
        <td><input name="iva_5" id="iva_5" size="10"></td>
        <td><input name="tot_5" id="tot_5"></td>
        </tr> 
        
        <tr>
        <td><input name="int6" id="int6"></td>
        <td><input name="imp_6" id="imp_6" size="10"></td>
        <td><input name="iva_6" id="iva_6" size="10"></td>
        <td><input name="tot_6" id="tot_6"></td>
        </tr>
        
        <tr>
        <td><input name="int7" id="int7"></td>
        <td><input name="imp_7" id="imp_7" size="10"></td>
        <td><input name="iva_7" id="iva_7" size="10"></td>
        <td><input name="tot_7" id="tot_7"></td>
        </tr>    
        
        <tr>
        <td><input name="int8" id="int8"></td>
        <td><input name="imp_8" id="imp_8" size="10"></td>
        <td><input name="iva_8" id="iva_8" size="10"></td>
        <td><input name="tot_8" id="tot_8"></td>
        </tr>
        
        <tr>
        <td><input name="int9" id="int9"></td>
        <td><input name="imp_9" id="imp_9" size="10"></td>
        <td><input name="iva_9" id="iva_9" size="10"></td>
        <td><input name="tot_9" id="tot_9"></td>
        </tr> 
        
        <tr>
        <td><input name="int10" id="int10"></td>
        <td><input name="imp_10" id="imp_10" size="10"></td>
        <td><input name="iva_10" id="iva_10" size="10"></td>
        <td><input name="tot_10" id="tot_10"></td>
        </tr>
                 
        </table>
</fieldset>
<div id="salva">
<input type="submit" value="Salva" />
</div>
</FORM>
</div> <!-- chiudo il div container -->
</body>
</html>
 
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
B Due tabelle con un unico form PHP 16
S passare un valore da un form a un file .php con metodo post PHP 4
I Form con selettore HTML e CSS 0
G form invio multiplo con checkbox PHP 12
M Unire 2 funzioni per l'invio di un form e con l'apertura di un div Javascript 0
G Invio form con PHP PHP 3
M Problema con controllo form in real time jQuery 6
M form con checkbox PHP 8
F query e form con select multipla PHP 17
W Rinominare Documenti Con Form Asp Classic ASP 9
S [PHP] Recupero nome immagine da Form con input file PHP 3
C [PHP] Form con Inserimento dati dalla maschera e un menù a discesa che prende i dati dal db PHP 1
Domenico_Falco1 [Javascript] [HTML] Campi form con sfondo imposto dal browser Javascript 5
E Form inserimento dati con JavaScript Javascript 0
I [PHP] inviare form con allegato tramite una mail PHP 1
P PHP - Leggere una pagina passata con Form e Captcha PHP 0
M [HTML] form con multipli input type image HTML e CSS 1
alessandra86 [PHP] Popolamento database con form ricorsivi - problema array (foreach ) PHP 5
U [PHP] Form stessa pagina con qualche complicazione PHP 0
S [PHP] form con metodo get e recupero id PHP 4
michela90 [PHP] Refresh page on submit - Form con Swiftmailer PHP 14
Emix Problema con creazione form css/mobile HTML e CSS 3
G [PHP] FORM INVIO VALORI A QUERY CON TRE CONDIZIONI PHP 2
L Scelta form con jquery jQuery 1
F [PHP] Validare form prenotazione appuntamento tattoo con upload image PHP 0
S Html con form e action .php PHP 6
bubino8 [PHP] Auto Submit form con dati PHP 7
W Consiglio su gestione di un form con XMLHttpRequest Ajax 0
Matteo Lorenzon [PHP][WORDPRESS] Form in Wordpress, creazione PDF con dati del form ed invio tramite email WordPress 1
T [Javascript] un form con select dinamica che funzioni da menù... Javascript 2
zammaeng [PHP] Problema form con lista PHP 8
B INSERIRE DATI CON IMMAGINE DA FORM IN MYSQL MySQL 7
V [PHP] Form con elenco a tendina con dati DB PHP 20
A [HTML] form con campi dinamici. HTML e CSS 1
asevenx [PHP] form con select che non invia dati se con apostrofo PHP 4
SimooRu [PHP] Non riesco a far passare i dati con i form PHP 4
S [PHP] Form iscrizione senza DB con comandi deprecated PHP 10
Fuego2806 Stampare dati Form su immagine di sfondo con html HTML e CSS 1
Fuego2806 [PHP] Stampare dati Form su immagine di sfondo con html PHP 70
C [PHP] Upload immagine in un form con target _blank: non funziona PHP 7
G validazione form con div tipo alert jQuery 0
M form php con checkbox PHP 4
D form php con chapta PHP 1
I Form/aree di testo con input da lista di nomi!Chiedo aiuto!! HTML e CSS 3
P invio mail da form con dati php PHP 7
P PHP mailer invio form con 2 allegati. PHP 3
M Form multipagina con campi già compilati se presenti PHP 5
B problema con i form Javascript 0
F controllo form php con restituzione errori nella form PHP 10
A form con inserimento multiplo PHP 4

Discussioni simili

Alto Basso