Dubbi con form fatto in html e css

Actionscripter

Nuovo Utente
22 Set 2013
13
0
0
Salve a tutti, ho un piccolo problema con un form fatto nei linguaggi citati sopra.

Ho scaricato il form da qui: http://codyhouse.co/gem/css-contact-form/

e successivamente ho cambiato il codice così:

Codice:
<!doctype html>
<html lang="en" class="no-js">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>

	<link rel="stylesheet" href="css/reset.css"> <!-- CSS reset -->
	<link rel="stylesheet" href="css/style.css"> <!-- Resource style -->
	<script src="js/modernizr.js"></script> <!-- Modernizr -->
  	
	<title>Contact us</title>
	<script src='https://www.google.com/recaptcha/api.js' rel="nofollow"></script>
</head>
<body>
	<form class="cd-form floating-labels">
		<fieldset>
			<h1><legend>Contact us</legend></h1>

			<div class="icon">
				<label class="cd-label" for="cd-name">Name</label>
				<input class="user" type="text" name="cd-name" id="cd-name" required>
		    </div>

		    <div class="icon">
				<label class="cd-label" for="cd-surname">Surname</label>
				<input class="user" type="text" name="cd-surname" id="cd-surname" required>
		    </div>

		    <div class="icon">
		    	<label class="cd-label" for="cd-email">Email</label>
				<input class="email" type="email" name="cd-email" id="cd-email" required>
		    </div>
			<div class="icon">
		    	<label class="cd-label" for="cd-email">Object</label>
				<input class="email" type="email" name="object" id="cd-email" required>
		    </div>
			</fieldset>
			
			<fieldset>
			<h2><legend>How can we help you?</legend></h2>
			<div class="icon">
				<label class="cd-label" for="cd-textarea">Message</label>
      			<textarea class="message" name="cd-textarea" id="cd-textarea" required></textarea>
			</div>
		</fieldset>

		<fieldset>

			<div>
				<h2><legend>Personal data</legend></h2>

				<ul class="Privacy ">
					<li>
						<input type="checkbox" id="cd-checkbox-1">
						<label for="cd-checkbox-1">I accept the treatment of my personal data according to the L.D n.196/2003 of Italian law</label>
					</li>
					<div class="g-recaptcha" data-sitekey="6LduBgoTAAAAAJTv0IqbVlirdXJim_xZgE5bn7OR"></div>
			<div>
		      	<input type="submit" value="Send Message">
		    </div>
		</fieldset>
	</form>
<script src="js/jquery-2.1.1.js"></script>
<script src="js/main.js"></script> <!-- Resource jQuery -->
</body>
</html>

e qui nascono i problemi, non riesco a capire 2 cose:

1) Si potrebbero mettere la checkbox e il captcha obbligatori?
2) Devo creare un file php per impostare la mail di destinazione oppure ho dimenticato qualche tag?

Vi ringrazio molto, per le eventuali risposte, saluti!
 

n1k4r0

Utente Attivo
15 Nov 2012
135
0
0
ciao, la checkbox è un input e quindi se aggiungi la proprietà required dovrebbe funzionare come per gli input di testo.

non ho mai usato recaptcha ma immagino che da qualche parte ci sia la documentazione dove dovrebbe essere scritto come impostarlo.

la form così com'è non ha un action di conseguenza quando la invii ricarica la stessa pagina che la contiene, se vuoi che spedisca un'email devi aggiungere il relativo php alla pagina stessa o creare un file php e impostarlo nel action della form
 

Actionscripter

Nuovo Utente
22 Set 2013
13
0
0
Grazie per la risposta, sono riuscito a rendere il tutto obbligatorio, modificano il codice in questa maniera prima della chiusura del tag </form>

Codice:
<fieldset>

			<div>
				<h2><legend>Personal data</legend></h2>

				<ul class="cd-form-list">
					<li>
						<input type="checkbox" id="cd-checkbox-1">
						<label for="cd-checkbox-1" required>I agree with the L.D n.196/2003 of Italian law for my data treatment</label>
					</li>
			<div>
		      	<input type="submit" value="Send Message">
		    </div>
		</fieldset>
		<div class="g-recaptcha" data-sitekey="6LduBgoTAAAAAJTv0IqbVlirdXJim_xZgE5bn7OR" required></div>

Ora proverò a lavorare sulle funzioni php per spedire il tutto, aspettatevi ancora una mia visita :D
 

Actionscripter

Nuovo Utente
22 Set 2013
13
0
0
come promesso rieccomi qua, ho impostato un action come suggerito però non riesco a far partire le mail.

il mio codice rinnovato:

HTML:
<!doctype html>
<class="no-js">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>

	<link rel="stylesheet" href="css/reset.css"> <!-- CSS reset -->
	<link rel="stylesheet" href="css/style.css"> <!-- Resource style -->
	<script src="js/modernizr.js"></script> <!-- Modernizr -->
  	
	<title>Contact us</title>
	<script src='https://www.google.com/recaptcha/api.js'></script>
</head>
<body>
	<form class="cd-form floating-labels">
		<form action="php/contact.php" method="post" id="contactform">
		<fieldset>
			<h1><legend>Contact us</legend></h1>
			<div class="icon">
				<label class="cd-label" for="cd-name">Name</label>
				<input class="user" type="text" name="cd-name" id="cd-name" required>
		    </div>

		    <div class="icon">
				<label class="cd-label" for="cd-surname">Surname</label>
				<input class="user" type="text" name="cd-surname" id="cd-surname" required>
		    </div>

		    <div class="icon">
		    	<label class="cd-label" for="cd-email">Email</label>
				<input class="email" type="email" name="cd-email" id="cd-email" required>
		    </div>
			<div class="icon">
		    	<label class="cd-label" for="cd-object">Object</label>
				<input class="email" type="text" name="cd-object" id="cd-object" required>
		    </div>
			</fieldset>
			
			<fieldset>
			<h2><legend>How can we help you?</legend></h2>
			<div class="icon">
				<label class="cd-label" for="cd-textarea">Message</label>
      			<textarea class="message" name="cd-textarea" id="cd-textarea" required></textarea>
			</div>
		</fieldset>

		<fieldset>

			<div>
				<h2><legend>Personal data</legend></h2>

				<ul class="cd-form-list">
					<li>
						<input type="checkbox" id="cd-checkbox-1">
						<label for="cd-checkbox-1" required>I agree with the L.D n.196/2003 of Italian law for my personal data</label>
					</li>
			<div>
		      	<input type="submit" value="Send Message">
		    </div>
		</fieldset>
		<div class="g-recaptcha" data-sitekey="6LduBgoTAAAAAJTv0IqbVlirdXJim_xZgE5bn7OR" required></div>
	</form>
<script src="js/jquery-2.1.1.js"></script>
<script src="js/main.js"></script> <!-- Resource jQuery -->
</body>
</html>

Una piccola precisazione: Tutti i vari script (css, js e php) sono in una cartella chiamata "media".

i codici php:

contact:

PHP:
<?php
 
include 'config.php';
 
error_reporting (E_ALL ^ E_NOTICE);
 
$post = (!empty($_POST)) ? true : false;
 
if($post)
{
$ip = $_SERVER[REMOTE_ADDR];
$name = stripslashes($_POST['name']);
$email = trim($_POST['email']);
$subject = stripslashes($_POST['subject']);
$message = stripslashes($_POST['message']);
 
 
$error = '';
 
 
 
if(!$error)
{
$mail = mail(WEBMASTER_EMAIL, $subject, $message,
     "From: ".$name.' '. $ip." <".$email.">\r\n"
    ."Reply-To: ".$email."\r\n"
    ."X-Mailer: PHP/" . phpversion());
 
 
if($mail)
{
echo 'OK';
}
 
}
 
 
}
?>

Config:

PHP:
<?php
// To
define("WEBMASTER_EMAIL", '[email protected]');//definiamo una costante, qui dovrai inserire la tua email
?>

Grazie per l'ulteriore aiuto!
 
Ultima modifica di un moderatore:

Actionscripter

Nuovo Utente
22 Set 2013
13
0
0
Ciao, il primo campo form è nativo del progretto originale (link nel primo post) mentre il secondo il secondo l'ho scritto io per impostare l'action e no, lo sto testando su un dominio on line.

Grazie per la risposta (chiedo scusa nel caso in cui ci siano degli Orrori nel codice ma è la prima volta che costruisco un form con gli script puri, grazie del supporto!)
 

n1k4r0

Utente Attivo
15 Nov 2012
135
0
0
borgo italia ha ragione, deve esserci un solo tag form con dentro sia la classe che l'action e il method e l'id. poi spero che nel config tu abbia messo la tua email e non quello che leggo altrimenti il form spedisce a [email protected] e a meno che non sia la tua email non leggerai mai nulla :)
 

Actionscripter

Nuovo Utente
22 Set 2013
13
0
0
Grazie per le risposte, ho risolto un pò di tempo fa,correggendo come avete detto voi e cambiando l'engine con altro codice php, tuttavia ho abbandonato lo stesso questo progetto perchè il risultato finale continuava a non piacermi.

Ringrazio tutti per il supporto!
 
Discussioni simili
Autore Titolo Forum Risposte Data
L Domini Alias, Redirect o Domini aggiuntivi con cPanel: dubbi Domini 1
R Dubbi Incolonnamento Layout con Bootstrap. HTML e CSS 1
R DUBBI con alcuni JavaScript Javascript 2
R Dubbi copia sito WordPress 7
R Dubbi copia sito Content Management System (CMS) 1
R DUBBI PORTFOLIO WEB DESIGN Content Management System (CMS) 2
L Dubbi su un account instagram da comprare Discussioni Varie 1
Tonynox Creazione Sito Web - Dubbi e perplessità su prima esperienza Domini 6
franco69 [Javascript] dubbi metodi di inserimento codice inline Javascript 2
asevenx dubbi su window.print(); Javascript 0
V Le sessioni: ho dei dubbi sul posizionamento PHP 6
V [Guida]: ho dubbi sulle Join MySQL 13
filips Dubbi scrittura su disco Javascript 1
E dubbi su grafi e liste di adiacenza. C/C++ 0
R E-Commerce: parecchi dubbi. E-Commerce 2
filippino Dubbi per iscrizione sito a DMOZ SEO e Posizionamento 1
Z Redirect 301 per restyling sito: dubbi e consigli SEO e Posizionamento 0
S [RISOLTO] dubbi crontab Linux e Software 3
asevenx dubbi per sito wordpress: menu categorie e articoli di una categoria riportati nella colonna WordPress 1
M Myqli prepared statements dubbi MySQL 2
N dubbi "community" PHP 3
M dubbi sui meta tag in ogni pagina SEO e Posizionamento 5
P Dubbi PHP 4
G Dubbi e problemi gestione sessioni PHP 9
borgo italia dubbi sul codice Discussioni Varie 5
borgo italia html5: dubbi sulla compatibilità HTML e CSS 20
P Joomla: dubbi sulla licenza di un template Joomla 2
T photoshop cs2 e dreamwever cs3 dubbi e perplessità Webdesign e Grafica 34
C Vorrei imparare...ma quanti dubbi! Discussioni Varie 2
L Dubbi di un'inesperta Hosting 3
G Menù a tendina di ricerca con query PHP 1
T fatture con voci fattura in php PHP 0
A Tabella con bottoni per aggiornamento record PHP 6
M Come selezionare e deselezionare radiobutton con jquery jQuery 1
MarcoGrazia Calcolo fra due date con esclusione delle feste PHP 7
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
T PROBLEMA CON ARRAY PHP 8
M Inviare un file su un server remoto con JavaScript Javascript 0
L problema con query select PHP 2
M Come validare textarea con jquery jQuery 0
M Problemi con la stampa dei valori in php PHP 1
A Regex per isolare link interni con rel noopener PHP 0
L Problemi con il login PHP 2
F Creare elementi html con javascript Javascript 2
R Problema query con ricerca id numerico PHP 2
R [C#] Quali dipendenze occorrono su progetto "Setup" con Access Database? .NET Framework 0
F Problema con risposta PHP 0
A Sottoquery con group by per mese MySQL 0
R Aggiornare record mysql con Ajax, jQuery e php Ajax 2
A Quale NVR con ingressi bnc ? IP Cam e Videosorveglianza 1

Discussioni simili