Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
104 lines (99 sloc) 5.13 KB
---
title: ติดต่อ
description: ติดต่อ PAKIN.ME
author: Pakin
slug: contact
menu: main
weight: 400
comments: false
---
<p>ติดต่อผมได้ผ่านอีเมล <strong><a class="has-text-dark" href="mailto:me@pakin.me">&#x6D;&#x65;&#x40;&#x70;&#x61;&#x6B;&#x69;&#x6E;&#x2E;&#x6D;&#x65;</a></strong> หรือใช้แบบฟอร์มด้านล่างนี้ </p>
<div class="buttons are-medium">
<a class="button is-primary" href="mailto:me@pakin.me">
<span class="icon is-small">
<i data-feather="mail"></i>
</span>
<span>ส่งอีเมล</span>
</a>
<a class="button is-primary is-outlined" href="/contact/key/">
<span class="icon is-small">
<i data-feather="key"></i>
</span>
<span>PGP Key</span>
</a>
</div>
<h2 class="title is-4">ส่งข้อความ</h2>
<div class="columns">
<div class="column is-three-quarters-tablet is-two-thirds-desktop">
<form name="contact" class="needs-validation" action="/contact/sent/?success" method="POST" accept-charset="UTF-8" netlify-honeypot="website" data-netlify="true">
<div class="field">
<label class="label">ชื่อ</label>
<div class="control has-icons-left">
<input class="input" type="text" name="name" placeholder="ชื่อของคุณ" minlength="2" maxlength="30" required data-bouncer-target="#name-error">
<span class="icon is-small is-left">
<i data-feather="user"></i>
</span>
<div id="name-error" class="error-message"></div>
</div>
</div>
<div class="field">
<label class="label">อีเมล</label>
<div class="control has-icons-left">
<input class="input" type="email" name="email" placeholder="อีเมลของคุณ" maxlength="48" required data-bouncer-target="#email-error">
<span class="icon is-small is-left">
<i data-feather="mail"></i>
</span>
<div id="email-error" class="error-message"></div>
<p class="help">เราใช้อีเมลเพื่อติดต่อกับคุณเท่านั้น</p>
</div>
</div>
<div class="field is-hidden">
<label class="label">เว็บไซต์</label>
<div class="control has-icons-left">
<input class="input" type="text" name="website" placeholder="อย่ากรอกช่องนี้!" maxlength="48">
<span class="icon is-small is-left">
<i data-feather="alert-triangle"></i>
</span>
<p class="help is-danger">อย่ากรอกช่องนี้หากคุณเป็นมนุษย์!</p>
</div>
</div>
<div class="field">
<label class="label">ข้อความ</label>
<div class="control">
<textarea class="textarea" name="message" rows="6" placeholder="ข้อความที่ต้องการส่งถึงเรา" minlength="5" maxlength="800" required data-bouncer-target="#message-error"></textarea>
</div>
<div id="message-error" class="error-message"></div>
</div>
<div class="field">
<div class="control">
<div data-netlify-recaptcha="true"></div>
</div>
</div>
<div class="field">
<div class="control">
<label class="checkbox">
<input type="checkbox" required data-bouncer-target="#privacy-error">
ฉันยอมรับ<a href="/privacy-policy/">นโยบายความเป็นส่วนตัว</a>
</label>
<div id="privacy-error" class="error-message"></div>
</div>
</div>
<div class="field">
<div class="control">
<button class="button is-primary">
<span class="icon is-small">
<i data-feather="send"></i>
</span>
<span>
ส่งข้อความ
</span>
</button>
</div>
</div>
</form>
</div>
</div>
<script defer src="https://unpkg.com/formbouncerjs@1.4.5/dist/bouncer.polyfills.min.js" integrity="sha384-C0LR5Z4HwBOqZUOZGugDdx2HuWOipWRopvJeg6Cc4pq0lBrYYNPMd3mvkpaPR8G5" crossorigin="anonymous"></script>
<script>
document.addEventListener("DOMContentLoaded",function(){new Bouncer("form",{fieldClass:"is-danger",errorClass:"help is-danger",messages:{missingValue:{checkbox:"ต้องการข้อมูลนี้",default:"กรุณากรอกข้อมูลนี้"},patternMismatch:{email:"ที่อยู่อีเมลไม่ถูกต้อง",default:"กรุณากรอกข้อมูลให้ถูกต้อง"},wrongLength:{over:"กรุณาย่อข้อความนี้ให้ไม่เกิน {maxLength} ตัวอักษร คุณกำลังใช้ {length} ตัวอักษร",under:"ข้อมูลนี้ต้องมี {minLength} ตัวอักษรขึ้นไป คุณกำลังใช้ {length} ตัวอักษร"}}})});
</script>
You can’t perform that action at this time.