Skip to content
This repository has been archived by the owner on Jul 26, 2020. It is now read-only.

Latest commit

 

History

History
81 lines (66 loc) · 2.98 KB

forms.md

File metadata and controls

81 lines (66 loc) · 2.98 KB
title position layout thumbnail_image strapline
Forms
24
page-headless
/uploads/sideplank.jpg
Repellendus veritatis culpa autem voluptatem neque rerum. Odit eaque voluptatem culpa vel omnis saepe. Minus sed iusto reiciendis voluptatem. Aspernatur quia sequi quos cumque quam ut.
Fruit juice size

Small

Medium

Large

<ul id="errors" class="">
    <li id="info">There were some problems with your form submission:</li>
</ul>
<p id="success">Thanks for your message! We will get back to you ASAP!</p>
<form method="post" action="process.php">
    <label for="name">Name: <span class="required">*</span></label>
    <input type="text" id="name" name="name" value="" placeholder="John Doe" required="required"
           autofocus="autofocus"/>

    <label for="email">Email Address: <span class="required">*</span></label>
    <input type="email" id="email" name="email" value="" placeholder="johndoe@example.com" required="required"/>

    <label for="telephone">Telephone: </label>
    <input type="tel" id="telephone" name="telephone" value=""/>

    <label for="enquiry">Enquiry: </label>
    <select id="enquiry" name="enquiry">
        <option value="general">General</option>
        <option value="sales">Sales</option>
        <option value="support">Support</option>
    </select>

    <label for="message">Message: <span class="required">*</span></label>
    <textarea id="message" name="message" placeholder="Your message must be greater than 20 charcters"
              required="required" data-minlength="20"></textarea>

    <label for="password">Password</label>
    <input type="password" placeholder="Password">
    
        
    <span id="loading"></span>
    <input type="submit" value="Holla!" class="primary_cta"/>
    <p id="req-field-desc"><span class="required">*</span> indicates a required field</p>
    <form method="post">
            <fieldset>
                    <legend>What is Your Favorite Pet?</legend>
                            <input type="radio" name="animal" value="Cat" />Cats<br />
                            <input type="radio" name="animal" value="Dog" />Dogs<br />
                            <input type="radio" name="animal" value="Bird" />Birds<br />
                            <input type="submit" value="Submit now" />
            </fieldset>
    </form>
</form>