Share via

How do I fix this? Email Submit button

Anonymous
2023-12-29T22:23:21+00:00

I have an email through Microsoft for business. I created a contact us page with an action page but I tried multiple times to place the code in the correct way but its not sending the email nothing i don't even get an email, i set everything up correctly. I posted screen shots and code, please help.

<!DOCTYPE html>

<html lang="eng">

<head>

<meta charset="utf-8">

<title>Contact Us</title>

<link href="style.css" rel="stylesheet" type="text/css" />

<style> 

 &lt;style&gt; 

 .dropdown {

position: relative;

display: inline-block;

}

.dropdown-content {

display: none;

position: absolute;

background-color: #f9f9f9;

min-width: 160px;

box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

z-index: 1;

}

.dropdown:hover .dropdown-content {

display: block;

}

.desc {

padding: 15px;

text-align: center;

}

ul {

list-style-type: none;

margin: 0;

padding: 0;

overflow: hidden;

background-color: #333;

}

li {

float: left;

}

li a {

display: block;

color: white;

text-align: center;

padding: 14px 16px;

text-decoration: none;

}

.dropdown-content a {

color: black;

padding: 12px 16px;

text-decoration: none;

display: block;

text-align: left;

}

li a:hover {

background-color: #FF0000;

}

* {

box-sizing: border-box;

}

input[type=text], select, textarea {

width: 100%;

padding: 12px;

border: 1px solid #ccc;

border-radius: 4px;

resize: vertical;

}

label {

padding: 12px 12px 12px 0;

display: inline-block;

}

input[type=submit] {

background-color: #4CAF50;

color: white;

padding: 12px 20px;

border: none;

border-radius: 4px;

cursor: pointer;

float: right;

}

input[type=submit]:hover {

background-color: #45a049;

}

.container {

border-radius: 5px;

background-color: #f2f2f2;

padding: 20px;

}

.col-25 {

float: left;

width: 25%;

margin-top: 6px;

}

.col-75 {

float: left;

width: 75%;

margin-top: 6px;

}

/* Clear floats after the columns */

.row:after {

content: "";

display: table;

clear: both;

}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */

@media screen and (max-width: 600px) {

.col-25, .col-75, input[type=submit] { 

width: 100%; 

margin-top: 0;

}

}

body { 

background-image: url("img/bg-1.jpg");

}

</style>

</head>

<body> 

&lt;div id="main"&gt; 

&lt;div id="logo"&gt;&lt;img src="img/mirakelbanner.png" height="200" width="1140"&gt;&lt;/div&gt; 

&lt;div id="navigation"&gt;

<ul>

<li><a class="active" href="index.html">Home</a></li> 

&lt;li&gt;&lt;a href="about.html"&gt;About Us&lt;/a&gt;&lt;/li&gt; 

&lt;li class="dropdown"&gt; 

    &lt;a href="javascript:void(0)" class="dropbtn"&gt;Media&lt;/a&gt; 

&lt;div class="dropdown-content"&gt; 

  &lt;a href="Podcast.html"&gt;Podcast&lt;/a&gt; 

&lt;/div&gt;

<li><a href="contact.html">Contact Us</a></li>

</ul> 

    &lt;/div&gt;

<div><label >Contact Us</label></div>

<div class="container">

<form action = "C:/Users/markm/OneDrive/Desktop/assignment/Action.html">

<div class="row"> 

&lt;div class="col-25"&gt; 

  &lt;label for="fname"&gt;Full Name&lt;/label&gt; 

&lt;/div&gt; 

&lt;div class="col-75"&gt; 

  &lt;input type="text" id="fname" name="fulltname" placeholder="Your name.."&gt; 

&lt;/div&gt;

</div>

<div class="row"> 

&lt;div class="col-25"&gt; 

  &lt;label for="lname"&gt;Email&lt;/label&gt; 

&lt;/div&gt; 

&lt;div class="col-75"&gt; 

  &lt;input type="text" id="email" name="email" placeholder="Your Email.."&gt; 

&lt;/div&gt;

</div>

<div class="row"> 

&lt;div class="col-25"&gt; 

  &lt;label for="country"&gt;Country&lt;/label&gt; 

&lt;/div&gt; 

&lt;div class="col-75"&gt; 

  &lt;select id="country" name="country"&gt; 

    &lt;option value="australia"&gt; 

      Australia 

    &lt;/option&gt; 

    &lt;option value="canada"&gt; 

      Canada 

    &lt;/option&gt; 

    &lt;option value="usa"&gt; 

      USA 

    &lt;/option&gt; 

  &lt;/select&gt; 

&lt;/div&gt;

</div>

<div class="row"> 

&lt;div class="col-25"&gt; 

  &lt;label for="subject"&gt;Subject&lt;/label&gt; 

&lt;/div&gt; 

&lt;div class="col-75"&gt; 

  &lt;textarea id="subject" name="subject" placeholder="Write something.." style="height:200px"&gt;&lt;/textarea&gt; 

&lt;/div&gt;

</div>

<div class="row">

<input type="submit" value="Send"></a>

</div>

</form>

</div> 

    &lt;div id="footer"&gt;Copyright 2023, Mirakel Entertainment, LLC,&lt;/div&gt; 

&lt;/div&gt;

</html>

</body>

</html>

Microsoft 365 and Office | Install, redeem, activate | For education | Other

Locked Question. This question was migrated from the Microsoft Support Community. You can vote on whether it's helpful, but you can't add comments or replies or follow the question.

0 comments

1 answer

Sort by: Most helpful
Most helpful Newest Oldest
  1. Anonymous
    2023-12-30T03:14:58+00:00

    Dear Mark Mather,

    Good day! Thank you for posting to Microsoft Community.

    I'm sorry to hear that you're having trouble with the email submit button on your contact us page. To better assist you, can you please provide me with the following information:

    • What email service are you using? Is it Outlook or another email service?
    • May I please know if you are on Exchange on-premises, Exchange Hybrid, Exchange Online environment.
    • May I please double confirm if you set up your email accounts with your website hosting company?
    • What platform are you using to create your website? Is it WordPress, Wix, or another platform?
    • May I please double confirm if you configure SMTP for your website?

    I look forward to your response. Kindly note that the above requested information is required for further analysis and troubleshooting of your situation. Your patience and cooperation are much appreciated.

    Thank you for your precious time. Have a nice day.

    Sincerely,

    Libeamlak | Microsoft Community Moderator

    Was this answer helpful?

    0 comments