fout in contacy formulier
Ik ben eens begonnen met mezelf in het een en ander te gaan verdiepen. (dus bij de basis beginnen zeggen ze vaak)
Geprobeerd een contact formulier te maken. Maar ik snap niet waarom hij niet werkt.
<div class="contact-area">
<form class="contact-form" action="" method="post"><input id="name" tabindex="1" size="22" type="text" value="" placeholder="Name" />
<input id="email" tabindex="2" size="22" type="text" value="" placeholder="Email" /><input id="soundcloudurl" tabindex="1" size="22" type="text" value="" placeholder="Soundcloud url" />
<textarea id="message" cols="39" name="message" rows="7"></textarea><input id="sendto" type="hidden" value="Hier komt mijn email adres waar het naartoe moet" />
<input id="submit" type="button" value="submit" /></form></div>
</div>
<div class="clear"></div>
HELP!
Als dat altijd hetzelfde emailadres is hoef je dat niet mee te geven in het formulier.
Dat voorkomt meer spammers die emailadressen zoeken.
Toevoeging op 12/03/2015 20:01:59:
Vertel eens wat er niet werkt.
Toevoeging op 12/03/2015 20:02:54:
Je gebruikt tabindex="1" twee keer.
.section-contact {
background:url(images/back2.jpg) repeat center fixed;
}
.contact-text {
font-family:'Raleway',sans-serif;
width:80%;
font-size:18px;
text-transform:uppercase;
margin:0 auto 50px;
color:#ACACAC;
}
.contact-area {
margin:0 auto;
width: 100%;
max-width: 500px;
text-align:center;
overflow:hidden;
}
.contact-form {
margin:0 auto;
}
.contact-form input,.contact-form textarea {
font-size:18px;
width:100%;
background-color:transparent;
border:1px solid #666;
padding:5px;
overflow:hidden;
margin-bottom:30px;
}
.contact-form [type="submit"] {
width:100px;
}
.contact-form [type="submit"]:hover {
width:100px;
background-color:#666;
color:#fff;
}
.contact-form input::-webkit-input-placeholder,.contact-form textarea::-webkit-input-placeholder {
color:#666;
}
.contact-form input:-moz-placeholder,.contact-form textarea:-moz-placeholder {
color:#666;
}
.noticefailed {
color:#FF0000;
}
.noticesuccess {
color:#009F00;
Met het geen wat je nu geleverd hebt, zal er geen mail verzonden worden.