I am setting up a new contact form for e-mail, but I get (+ @?) Signs know someone how to fix it? and maybe you know how it becomes more professional?
[example]
[Here Company Image]
Name:
Email:
Phonenumber:
Subject:
Text:
I tried to follow many instructions, but it doesn't solve my problem.
https://i.sstatic.net/TAW4c.jpg
this is my Contact form
<body>
<div class="contact-form">
<div class="title">
<h1>Contact</h1>
</div>
<p><span class="error"></span></p><form method="post" action="mailto:MeediaDagbestedingTest@Gmail.com">
<div class="form">
<div class="form-items">
<input name="Naam" type="text" class="input" placeholder="Naam" id="Naam" required>
<i class="fas fa-user"></i>
</div>
<div class="form-items">
<input name="Hier u Email" type="text" class="input" placeholder="Email" id="Hier u Email" required>
<i class="fas fa-envelope"></i>
</div>
<div class="form-items">
<input name="Telefoonnummer" type="Phone" class="input" placeholder="Telefoonnummer" id="Telefoonnummer" required>
<i class="fas fa-mobile"></i>
<div class="form-items">
<input name="Onderwerp" type="subject" class="input" placeholder="Onderwerp" id="Onderwerp" required>
<i class="fas fa-book"></i>
</div>
<div class="form-items">
<textarea name="Message" class="input message" cols="30" rows="10" placeholder="Message....."></textarea>
</div>
</div>
<div>
<button type="action"="mailto:MeediaDagbestedingTest@Gmail.com" class="btn" >Verzenden</button><br>
</div>
<div class="social-icons">
<div class="facebook">
<i class="fab fa-facebook-f"></i>
</div>
<div class="twitter">
<i class="fab fa-twitter"></i>
</div>
<div class="google">
<i class="fab fa-google-plus-g"></i>
</div>
</div>
</div>
</body>
Thanks for the help already!
Add enctype="text/plain" to your form:
<form method="post" action="mailto:..." enctype="text/plain">
That should ensure every form field is on a separate line and it's more readable.
Note that using mailto: does not work for everyone, a lot of people use a web mail client instead of a native mail client.