Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by scott venaglia
scott venaglia
6,117 Points

field that submits to an email address not sure what time doing wrong

not sure what time doing wrong I have the feild setup I want it to email to maryofzion@gmail.com whenever anyone types in the field and clicks OK

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Coming Soon</title> <link href="tools/style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="tools/jquery.min.js"></script> <script type="text/javascript" src="tools/cufon-yui.js"></script> <script type="text/javascript" src="tools/Abraham_Lincoln_400.font.js"></script> <script type="text/javascript" src="tools/Inspiration_400.font.js"></script> <script type="text/javascript" src="tools/Museo_Slab_100_400-Museo_Slab_700_400.font.js"></script> <script type="text/javascript"> Cufon.replace('.logo h1', {fontFamily: 'Inspiration'}); Cufon.replace('.logo h2', {fontFamily: 'Museo Slab 100'}); Cufon.replace('.logo h2 span', {fontFamily: 'Abraham Lincoln'}); Cufon.replace('p.big_text, p.small_text', {fontFamily: 'Museo Slab 100'}); Cufon.replace('p.big_text strong, p.small_text strong', {fontFamily: 'Museo Slab 700'}); </script>

</head> <body> <div id="transy"> </div> <div id="wrapper"> <div class="logo"><h1>Mary Of Zion</h1><h2><strong class="one"></strong>Weddings Made Easy <strong class="two"></strong></h2></div> <div class="content"> <p class="big_text"><strong>we are working on something</strong> very interesting!</p> <p class="small_text"><strong>be notified.</strong> we just need your email address.</p> <div class="form"> <div class="field_content"> <input class="field" type="text" /> <input class="submit" type="button" value="maryofzion@gmail.com" /> </div> </div> <div class="clear"></div> <ul class="social"> <li class="pinterest"><a href="#"></a></li> <li class="instagram"><a href="https://instagram.com/maryofzionbridel/"></a></li> <li class="twitter"><a href="//twitter.com/maryofzion"></a></li> <li class="facebook"><a "https://www.facebook.com/mayofzion"></a></li>

    </ul>


</div>

</div> </body> </html>

2 Answers

Tiffany McAllister
Tiffany McAllister
25,806 Points
Tiffany McAllister
Tiffany McAllister
25,806 Points

You cannot have a fully functional form with just HTML and CSS. You need a server-side language such as PHP to be able to send the form data.

Tom Byers
Tom Byers
13,005 Points
Tom Byers
Tom Byers
13,005 Points

Perhaps a better solution would be to provide a simple link to your email. You could format the div to still look like a button.

 <div class="field_content">
    <a href="mailto:maryofzion@gmail.com">Email Me!</a>
</div>

Otherwise, if you want a really simple form submit 'backend', I'd recommend checking out Form Spree. Super easy to setup up, it sends you an email with the contents of a form submission.