The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> Not sure what to do?
Mike Wazowski
post Dec 16 2020, 05:44 AM
Post #1





Group: Members
Posts: 4
Joined: 8-December 20
Member No.: 27,677



Hello. I am trying to do a simple form where the action is to send you to a new webpage but also the button you press is a href to send the form data to an email but the action or the href are not working?
CODE
<form action="/website.html" method="POST">
        
        <br>
        <br>

        <div class="coffeeandsugar">
            <select name="drinks" id="drinks">
                <option id="choose" value="Choose">Choose</option>
                <option id="coffee" value="Coffee">Coffee</option>
                <option id="OrangeJuice" value="OrangeJuice">Orange Juice</option>
                <option id="coke" value="Coke">Coke</option>
                <option id="wine" value="Wine">Wine</option>
            </select>
            <div id="output"></div>
            <div id="coffeetype" class="coffeetype">
                <label>Latte</label><input type="checkbox" name="coffeetype" id="latte" value="latte">
                <label>Americano</label><input type="checkbox" name="coffeetype" id="americano" value="americano">
                <label>Cappucino</label><input type="checkbox" name="coffeetype" id="cappucino" value="cappucino">

            </div>
            <div class="Sugars" id="Sugars" onload="sugar()">
            <label>0 Sugar</label><input type="radio" name="Sugar" id="nosugar" value="0sugar">
            <label>1 Sugar</label><input type="radio" name="Sugar" id="onesugar" value="1sugar">
            <label>2 Sugar</label><input type="radio" name="Sugar" id="twosugar" value="2sugar">
            <label>3 Sugar</label><input type="radio" name="Sugar" id="threesugar" value="3sugar">
            </div>
            </select>
            <div id="size" class="size">
                <h4>Drink Size</h4>
                <select name="drink-size" id="drink-size">
                    <option id="small" value="Small">Small</option>
                    <option id="medium" value="Medium">Medium</option>
                    <option id="large" value="Large">Large</option>
                </select>
            </div>
        </div>
        </fieldset>
        
        <br>

    <fieldset class="details-style">
    <legend>Details</legend>
            <label>1st Name <input type="name" name="FstName" id="1stname" required></label>
            <br>
            <label>2nd Name <input type="name" name="ScdName" id="2ndname" required></label>
            <br>
            <label>Date Of Birth <input type="date" name="DOB"id="DOB" required></label>
            <br>
            <label>Male</label>
            <input onclick="male()" type="radio" name="gender" value="Male" id="man">
            <br>
            <label>Female</label>
            <input onclick="female()" type="radio" name="gender" value="Female" id="woman">
            <br>
            <label>Other</label>
            <input onclick="other()"  type="radio" name="gender" value="other" id="extra">
            <br>
            <label>Email <input type="email" name="Email" id="Email" required></label>
            <br>
            <label>Phone Number <input type="tel" id="Number" name="PhoneNumber" required></label>
            <br>
            <button type="submit" href="MAILTO:example123@gmail.com?subject=Order from Guy">Submit</button>
        </form>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic


Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th April 2024 - 09:30 AM