CODEWITHSUNDEEP
javascripthtmlcss
Bradley Binns
Bradley Binns

Reputation: 21

trying to write a javascript to send my HTML form via email

hi I've wrote my CSS code and HTML but I'm struggling to get it to send in IE11, I've seen a few ways which make this possible and wondered which is best. Here is the Code I've written please help, its long but it works so far. if i told you my future depended on this would it help 

div {
  height: 14cm;
  width: 10cm;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

* {
  box-sizing: border-box;
}

input[type=text],
select,
textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}

input[type=Reset] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=Reset]:hover {
  background-color: #45a049;
}

.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}
<h3>eKFI Guidance Tracker</h3>


enter code here

<div class="container">
  <form action="mailto:hard.up@pleasehelp.co.uk?subject=eKFI%20form%20submission" method="post" enctype="text/plain" <label for="MEC">MEC Name</label>
    <input type="text" id="MEC" name="MEC" placeholder="MEC Name">

    <label for="FNumber">F-Number</label>
    <input type="text" id="FNumber" name="Customer Number" placeholder="Enter customer F-Number...">

    <label for="Platform">Platform</label>
    <select id="Platform" name="Platform">
      <option value=""></option>
      <option value="Iphone/Ipad">Iphone/Ipad</option>
      <option value="PC/Laptop">PC/Laptop</option>
      <option value="Android">Android</option>
    </select>

    <label for="Notes">Notes</label>
    <textarea id="Notes" name="Notes" placeholder="Write something.." style="height:60px"></textarea>

    <input type="submit" value="Submit">
    <input type="Reset" value="Reset">
  </form>
</div>

thanks in advance it would be a great help

Upvotes: 2

Views: 106

Answers (2)

Ralle12
Ralle12

Reputation: 15

Well. I would prefer to use PHP for this action. Like @Comp says, javascript is a client based language, and is not made/used for sending mails and stuff. Ajax would be a great opportunity too. But I would prefer using PHP, which has the best results :)

Upvotes: 0

Comp
Comp

Reputation: 134

I don't think it is possible to send emails via javascript because It is client based language. You can send It with Ajax + PHP if you don't want to "reload page" or if you can reload page only with PHP as shown on this link. (You have also AJAX tutorial on this page under JavaScript course). Also, check out this answer.

Upvotes: 1

Related Questions