Forms

Shock includes ready-to-use, fully validated contact forms that send mail through form.php, plus styled versions of every HTML input type you might need.

Form styles

Basic Form

A full contact form — name, email, message, terms checkbox and submit — with inline validation.

Compact Form

A condensed form for tight spaces like footers, sidebars and call-to-action strips.

Floating Label Form

Labels that float above the field as the visitor types — modern and space-efficient.

Validation & feedback

The forms validate on the client before sending — each field shows a helper message such as “Please enter your name” or “Please enter a valid email address”, and a green “Looks good” on success. After submission the visitor sees a clear result:

Success →  "Your message was sent successfully. Thanks!"
Error   →  "Sorry. We were unable to send your message."

Delivery needs form.php

The form’s front end is pure HTML/JS, but actually sending the email requires the PHP mailer running on a server. Set your recipient address in assets/php/form.php, then upload to PHP-capable hosting (or test with a local server such as XAMPP) — opening the page from disk won’t send mail. Email setup was added in template v1.0.1.

Every input type, styled

The Basic Form page also doubles as a reference for all the form controls Shock styles for you:

• Text inputs — text, email, password, number, textarea, plus disabled and readonly states
• Selects — single and multiple
• Date & time — time, date, datetime, month, week
• File uploads — single, multiple, disabled
• Choice controls — checkboxes, radio buttons, toggle switches (with checked/disabled states)
• Special — color picker, datalist, range sliders

Basic Form & inputs

Find the full form and every styled input type in the Basic Form preview page included with your download.

Setting up hosting for the first time? See Installation for the general file upload steps before configuring form.php.