Home/ Questions/Q 8636985
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T10:21:56+00:00

I have an app i am designing and there is a page for emails.

  • 0

I have an app i am designing and there is a page for emails. The user inputs their name, email address and message and then clicks ‘submit’. this works, but i don’t know how to make the user’s input be on the email. this is the code so far;

<form id="contacts-form" action="mailto:megan.sime@idoxgroup.com">
    <ul class = "rounded">
        <li style = "color: #FFFFFF">Full Name:<input type="text" placeholder = "J. Doe" name = "signature" id = 'signature' /></li>
        <li style = "color: #FFFFFF">E-mail:<input type="text" placeholder = "www.example@examplemail.com" name = "address" id = 'address' /></li>
        <li style = "color: #FFFFFF">Message:<input type = "text" placeholder = "Message" name = "message" id = 'message' /></li>

        <a href="mailto:address?subject=subject&body=message" class="button">Submit</a>
    </ul>
</form>

does anyone know how to change the code to allow the user input to go onto the email? Thanks a lot in advance x

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You’ll have to use javascript to obtain the input values. With onclick="javascript:window.location='putURLhere'" you can imitate a link. What’s left now is to create a URL that contains your values, which you can get with document.getElementById(id).value. With + you can concatenate them.

    Example:

    <a onclick="javascript:window.location='mailto:?subject=Message from '+document.getElementById('address').value+'&body='+document.getElementById('message').value">Submit</a>

    I hope this helps!

    • 0