Announcement

Collapse
No announcement yet.

contact form

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • contact form

    I have a contact form, and now I want to add PHP to it so the submit button knows where to direct it to. But I don't know PHP . Here is my contact form.

    HTML Code:
    <!DOCTYPE html><html lang="en"><head><meta charset="utf-8">
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">
    <link rel="stylesheet" href="screen.css" media="screen,projection,tv">
    <title>Contact Us - Winnipeg Access Advisory Committee</title>
        
    <!--Font Resizing Starts Here-->
    <style type="text/css">
    
    
    .controlstyle a{ /*links inside DIV sizecontroldiv*/
    outline:none;
    }
    
    .controlstyle a img{ /*image links inside DIV sizecontroldiv*/
    border-width:0;
    }
    
    .controlstyle a.selectedcontrol img{ /*selected control's image*/
    border-bottom:4px solid darkred;
    }
    
    body,td,th {
        color: #000000;
    }
    
    #contact-form {
        margin-left: 10px;
    }
    fieldset {
        margin-bottom: 20px;
    }
    fieldset label {
        display: block;
    }
      </style>
    
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    
    <script type="text/javascript" src="fluidtextresizer.js">
    
    /***********************************************
    * Fluid Text Resizer- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
    * Please keep this notice intact
    ***********************************************/
    
    </script>
    
    <script type="text/javascript">
    
    var mytextsizer=new fluidtextresizer({
        controlsdiv: "sizecontroldiv", //id of special div containing your resize controls. Enter "" if not defined
        targets: ["body"], //target elements to resize text within: ["selector1", "selector2", etc]
        levels: 3, //number of levels users can magnify (or shrink) text
        persist: "session", //enter "session" or "none"
        animate: 200 //animation duration of text resize. Enter 0 to disable
    })
    </script>
      
    </head>
    
    <body>
      <!--Font Resizing Starts Here-->
    <style type="text/css">
    
    
    .controlstyle a{ /*links inside DIV sizecontroldiv*/
    outline:none;
    }
    
    .controlstyle a img{ /*image links inside DIV sizecontroldiv*/
    border-width:0;
    }
    
    .controlstyle a.selectedcontrol img{ /*selected control's image*/
    border-bottom:4px solid darkred;
    }
    
    body,td,th {
        color: #000000;
    }
    
    #contact-form {
        margin-left: 10px;
    }
    fieldset {
        margin-bottom: 20px;
    }
    fieldset label {
        display: block;
    }
      </style>
    
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    
    <script type="text/javascript" src="fluidtextresizer.js">
    
    /***********************************************
    * Fluid Text Resizer- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
    * Please keep this notice intact
    ***********************************************/
    
    </script>
    
    <script type="text/javascript">
    
    var mytextsizer=new fluidtextresizer({
        controlsdiv: "sizecontroldiv", //id of special div containing your resize controls. Enter "" if not defined
        targets: ["body"], //target elements to resize text within: ["selector1", "selector2", etc]
        levels: 3, //number of levels users can magnify (or shrink) text
        persist: "session", //enter "session" or "none"
        animate: 200 //animation duration of text resize. Enter 0 to disable
    })
    </script>
      
    
    
    <div class="page-in"></div>
    
    
    
    <div class="header-top">
    <div id="sizecontroldiv" class="controlstyle">
    
    <div class="font-sizer">
    <span style="text-align: center">
    
    <a href="#smaller"><img src="images/fontminus.gif" alt="fontminus" /></a>
    <a href="#bigger"><img src="images/fontplus.gif" alt="fontplus" /></a></span>
    </div> 
    </div>
    </div> 
    
    <!--Font Resizing Ends Here-->
    <div id="top">
        <h1>
            <a href="/">
                Winnipeg
                <span>Access Advisory Committee</span>
            </a>
        </h1>
    
        <ul id="mainMenu">
            <li><a href="index.html" class="current">Home</a></li>
            <li><a href="committee.html">Committee</a></li>
            <li><a href="news.html">News</a></li>
            <li><a href="events.html">Events</a></li>
            <li><a href="http://disabilitynewscanada.com/" target="_blank">Cdn. Events</a></li>
            <li><a href="links.html">Links</a></li>
            <li><a href="contactus.html">Contact Us</a></li>
        </ul>
        
    <!-- #content, #contentWrapper Begins Here -->
        <div id="contentWrapper"><div id="content">
    
    <h2>Contacting us</h2>
        
      <p>Phone: <strong>204-986-8345</strong><br />
            Fax: <strong>204-947-3452</strong><br />
    
            TTY: <strong>204-986-2200<br>
            </strong>email:        </p>
          <p>&nbsp;</p>  
        
        <p><strong>via email form</strong></p>
          <form action="" method="post" id="contact-form">
     
              <fieldset>
                  <label for="message">Please enter your message below:</label>
                  <textarea name="message" cols="45" rows="8" class="largerText" id="message"></textarea>
              </fieldset>
            
                Please tell us how to get in touch with you:<br>
                  <br />
    
                <fieldset>
                    <label for="name">Name:</label>
                    <input name="name" type="text" id="name" class="largerText" size="45">
                   </fieldset>
                   
                <fieldset>
                    <label for="email">Email:</label>
                       <input name="email" type="email" id="email" class="largerText" size="45">
                </fieldset>
    
                <fieldset>
                  <label for="telephone">Telephone:</label>
                  <input name="telephone" type="tel" id="telephone" class="largerText" size="30">
                </fieldset>
                
                <fieldset>
                  <label for="fax">Fax:</label>
                  <input name="fax" type="text" id="name4" class="largerText" size="30">
                </fieldset>
    
                  <fieldset>
                  <label for="checkbox">Contact me as soon as possible.</label>
                  <input type="checkbox" name="checkbox" value="checkbox">
                 </fieldset>    
                 
                 <fieldset>
                    <input name="submit" type="submit" id="submit" class="largerText" value="Submit">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="reset" id="reset" class="largerText" value="Reset">
                </fieldset>
        </form>
        <!-- #content, #contentWrapper Ends Here -->
    </div></div>
        <div id="extras">
    
            <div class="subSection" id="mandate">
                <h2>Committee Mandate</h2>
                <ul>
                    <li>
                        Advise the Mayor and Council on present and future status of the City of Winnipeg's information, properties, and services accessible for persons with disabilities to the benefit of all citizens.
                    </li><li>
                        Review and monitor all accessibility as they pertain to the <strong>City of Winnipeg's properties</strong>.
                    </li><li>
                        Advise and make recommendations to City Council regarding unresolved accessibility issues related to City properties.
                    </li><li>
                        Communicate with the citizens of Winnipeg about their concerns as they relate to public access of City properties.
                    </li><li>
                        Inform all citizens of initiatives of the City as well as accomplishments and achievements with respect to access and universal design.
                    </li><li>
                        Educate all City departments about access issues as they relate to employment and public access.
                    </li><li>
                        Identify projects which encourage enthusiasm and involvement of the community, government and business in making Winnipeg universally accessible.
                    </li>
              </ul>
          <!-- #mandate.subSeciton --></div>
    
            <div class="subSection" id="links">
                <h2>Links</h2>
                <ul>
                    <li><a href="pdf/Access_Design_Standards 2015.pdf" target="_blank">Winnipeg Accessibility Design Standards Manual</a></li>
                    <li><a href="https://twitter.com/aacwinnipeg/" target="_blank">Public Forum</a></li>
                    <li><a href="awards.html">accessibility Awards</a></li>
                    <li><a href="reports.html">Annual Report</a></li>
                    <li><a href="https://twitter.com/aacwinnipeg/" target="_blank">Visit Us On Twitter</a></li>
                </ul>
            <!-- #links.subSection --></div>
    
    <!-- #extras --></div>
    
        <hr>
    
        <div id="footer">
            &copy; 2016 Access Advisory Committee, All rights reserved
        <!-- #footer --></div>
    </div>
    <!-- #top -->
    
    </body></html>

  • #2
    Hi conquer

    Apologies if I have missed something, but you want the form to pass to a PHP processing page to do something with the form data?

    Or is there more to it that I have missed?


    Smile, It Confuses People...

    XHTML | CSS | Tutorials | Refferences

    Comment

    Working...
    X