How to add contact mail form?

[mzch]

I created content/contact.md as below:

---
title: "Contact Form"
comments: false
---

<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<form action="https://submit-form.com/xxxx" method="POST"  target="_blank">
  <label for="name" style="font-size:small;">name</label>
  <input type="text" id="name" name="name" placeholder="" required="" style="background-color:#f0f0f0; width:100%" />
  <label for="email" style="font-size:small;">e-mail</label>
  <input type="email" id="email" name="email" placeholder="example@example.jp" required="" style="background-color:#f0f0f0; width:100%;" />
  <label for="message" style="font-size:small">message</label>
  <textarea
    id="message"
    name="message"
    placeholder="placeholder"
    required="true"
    style="background-color:#f0f0f0; width:100%; height:8em;"
  ></textarea>
  <div
    class="g-recaptcha"
    data-sitekey="sitekey"
    data-callback="callback"
  ></div><br />
  <button type="submit" id="submit-button" style="padding:5px 20px 5px 20px; color:white; background-color:gray;" disabled>Send</button>
</form>

<script type="text/javascript">
      function callback() {
        const submitButton = document.getElementById("submit-button");
        submitButton.removeAttribute("disabled");
      }
</script>

and in config.yaml I put:

markup:
  goldmark:
    renderer:
      unsafe: true

But not rendereted. Could anyone tell me how to fix this issue? (this works in other theme.)

[chipzoller]

@onweru ?