I've been working on a website with Bootstrap 5 and hosting it through GitHub pages. Additionally, I integrated a form on the site using Bootstrap 5 and utilized Formsubmit to send form submissions to my email address. However, I encountered an issue where the select menu field in the form is only showing the value of the selection in the email I receive, rather than the name. You can take a look at how the email appears here: https://i.sstatic.net/fZI8z.jpg
Test.html
<!DOCTYPE html>
<html lang="en">
<!--divinectorweb.com-->
... (content omitted for brevity)
Test.css
.form-control {
border: 2px solid hsl(0, 0%, 0%);
}
.select-control {
border: 2px solid hsl(0, 0%, 0%);
}
#submit-button {
border: none;
border-radius: 0;
background: hsl(18, 100%, 62%);
width: 180px;
color: #fff;
padding: 15px 0;
display: inline-block;
font-size: 16px;
margin-top: 20px;
cursor: pointer;
}
#submit-button:hover {
background-color: hsl(18, 100%, 62%);
}
... (remaining content omitted for brevity)