Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>You could use an email link:</p> <pre><code>&lt;a href="mailto:person@domain.tld"&gt;Person&lt;/a&gt; </code></pre> <p><strong>Edit:</strong> If you really want to use a form, you could take advantage of the <code>mailto</code> parameters such as subject, body, cc, and bcc to customize your email. Here is an example:</p> <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code"> <pre class="snippet-code-js lang-js prettyprint-override"><code>// JS // Uses jQuery but could be done without $(function() { $('div').click(function() { var emailLink = $('#email'); emailLink.attr('href', 'mailto:person@domain.com?subject=' + $('#subject').val() + '&amp;body=' + $('#body').val()); }) });</code></pre> <pre class="snippet-code-css lang-css prettyprint-override"><code>/* CSS */ div { cursor: pointer; color: blue; text-decoration: underline; }</code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!-- HTML --&gt; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt; Subject: &lt;input type="text" id="subject"&gt;&lt;br&gt; Body: &lt;input type="text" id="body"&gt;&lt;br&gt; &lt;div&gt;Update Email Settings&lt;/div&gt; &lt;a id="email" href="mailto:person@domain.com"&gt; Send Email &lt;/a&gt;</code></pre> </div> </div> </p> <p>Note that this would still use the user's default email client and will not send the email on its own. However, it allows you to change the subject and content of the email from your form and pass it to the email client.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload