hazemKrimi/personal-website
1
0
Fork 0
mirror of https://github.com/hazemKrimi/personal-website.git synced 2026-05-01 18:00:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Contact form script wip

Browse Source
This commit is contained in:
Hazem Krimi
2023-11-08 18:10:39 +01:00
parent a517624330
commit 770beea258
3 changed files with 24 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/partials/contact-form.css
+4
View File
@@ -41,3 +41,7 @@ form input,
form textarea { form textarea {
width: 100%; width: 100%;
} }
form button {
cursor: pointer;
}
assets/js/partials/contact-form.js
+4
View File
@@ -0,0 +1,4 @@
document.querySelector('form').addEventListener('submit', (event) => {
event.preventDefault();
console.log(new FormData(event.target));
});
layouts/partials/contact-form.html
+16 -5
View File
@@ -1,10 +1,21 @@
{{ $styles := resources.Get "css/partials/contact-form.css" | toCSS | minify }} {{ $styles := resources.Get "css/partials/contact-form.css" | toCSS | minify }}
{{ $scripts := resources.Get "js/partials/contact-form.js" | js.Build | minify }}
<link rel="stylesheet" href="{{ $styles.Permalink }}"> <link rel="stylesheet" href="{{ $styles.Permalink }}" />
<script defer src="{{ $scripts.Permalink }}"></script>
<form action="{{ .Site.Params.formSpreeURL }}" method="post"> <form
<input name="name" placeholder="Your name" type="text" /> action="{{ .Site.Params.formSpreeURL }}"
<input name="email" placeholder="Your email" type="email" /> method="POST"
<textarea cols="30" name="message" placeholder="Enter your message here" rows="10"></textarea> >
<input name="name" placeholder="Your name" required type="text" />
<input name="email" placeholder="Your email" required type="email" />
<textarea
cols="30"
name="message"
placeholder="Your message"
required
rows="10"
></textarea>
<button type="submit">Submit</button> <button type="submit">Submit</button>
</form> </form>