Per ottenere qualcosa di simile all’immagine precedente, cioè, creare un form(CSS) con lo stile del retro di una cartolina potete visionare il seguente tutorial in inglese:
Archivi tag: form
Allineare campi e label dei form senza tabelle
Molte volte per allineare le eticchette dei campi dei form si è costretti ad utilizzare una tabella, oppure, come già vi ho presentato in altri post precedenti, si possono utilizzare dei servizi per crearli online; alcune volte però sono difficili da modificare.
Se vogliamo un form personalizzato con i campi e le label allineate è possibile, invece, utilizzare dei semplici css [tableless].
Per esempio
CODICE FORM
<form>
<label for=”name”>Name</label>
<input id=”name” name=”name”/><br />
<label for=”address”>Address</label>
<input id=”address” name=”address”/><br />
<label for=”city”>City</label>
<input id=”city” name=”city”/><br />
</form>
CSS
label,input {
display: block;
width: 150px;
float: left;
margin-bottom: 10px;
}
label {
text-align: right;
width: 75px;
padding-right: 20px;
}
br {
clear: left;
}
Ancora generatori online di form
Dopo
Creare form online con JotForm
Crea i tuoi form php On-Line con PHPForm
Creare form in html e php
vi presento un nuovo servizi online per generare form in PHP e HTML:
dove potrete inserire campi data, campi numerici, campi valuta, checkboxes, opzioni e qualsiasi altro elemento vi venga in mente, modificarne valori e label.
Potrete inoltre vedere l’anteprima direttamento online oppure scaricare il codice.
Creare form in html e php
Avevo già in precedenza presentato
Creare form online con JotForm
Crea i tuoi form php On-Line con PHPForm
Ora volevo segnalarvi WebFormFactory: una Web Application che permette di realizzare in pochissimi secondi un form completo. Questa applicazione permette di collegare il form, in maniera maniera completamente automatica al database, dove archivieremmo i dati inseriti.
Un altro servizio che permette di generare dei form in maniera automatica è Wufoo.
Servizio professionale che mette a disposizione molte più opzioni del servizio precedente anche se necessita di registrazione per utilizzarlo.
Crea i tuoi form php On-Line
Molte volte mi sono travato alle prese con la creazione di Form HTML o PHP per permettere agli utenti di contattare il WebMaster, questa volta però ho trovato la soluzione che forse, farà comodo a chi non pretende tanto da un semplice form per i contatti.
Il sito si chiama PhpForm, permette la creazione direttamente on-line di form per contatti. Il sito vi permette di scegliere diverse theme per il vostro Form (le vedete in anteprima nella piccola foto sopra.). Ogni theme ha i propri colori principale, i quali possono però essere adattati ad ogni esigenza. Il sito è totalmente gratuito, non necessita di nessun tipo di registrazione, unica pecca di questo servizio, che i form vengono rilasciati in lingua inglese, ma se avete un po’ di dimestichezza con il codice Html/PHP è facile capire quali sono le parti da tradurre manualmente.
SitoWeb: www.phpform.org