How To Create A HTML5 Contact Form

HTML5 is slowly kicking off with blogs and websites, but the saddest part not all browsers version support HTML5. Lets not speak about that. Recently when I was working on a HTML5 project I visited a lot of inspirational  stuff and today I thought of sharing a HTML5 contact form developed by Landon Miller. The contact form is very simple, light weight and no javascripts included.

html5 contact form

Tell us what you think about this, by dropping your comments

December 29, 2010. This entry was posted in Tutorials and tagged . Bookmark the permalink.

We Recommend HostGator Hosting

Bloggermint strongly recommends Hostgator Hosting for all of your web hosting needs. Sign up today for WordPress Hosting at just $4.95/month.

Use coupon code "bloggermint" to get 25% discount on any hosting packages. Get an account with Hostgator now!

30 Responses so far!

  1. Agree, even I want to learn HTML5 don’t thin my institute will tech me as it is not in syllabusss…
    .-= Saket Jajodia´s last blog ..How To Embed PDF File In Your Blog Or Website =-.

  2. will soon implement it in my blog :)

  3. Pingback: How To Create A HTML5 Contact Form | Bloggermint | Web Scripts Maniacs

  4. Pingback: Tweets that mention How To Create A HTML5 Contact Form #freebies #html5 #html5contactform -- Topsy.com

  5. Pingback: HTML all you need to know» Blog Archive » How To Create A HTML5 Contact Form | Bloggermint

  6. Looks cool ! will take out the plugin and have this installed !!!
    .-= Sandeep Singh´s last blog ..WordPress 304 released =-.

  7. Looks really good! Ill update to it soon!

  8. nice i will try
    .-= Keshav Budhraja´s last blog ..Happy New Year To Keshav Hacking Articles Readers =-.

  9. Beautifully simple! Will be great when all browsers support HTML5! Thanks & Happy New Year to You!

  10. Thanks for sharing Franklin!

    @Teresa The great thing about my form is that you can use it now with the jQuery fallbacks. I do agree, it will be better when it’s supported without fallbacks, but that could be awhile :)

  11. nice.. please write some more about html5

  12. Pingback: Detect Geolocation On Web Browser Using HTML5 | Bloggermint

  13. this will help me out sometime for sure :)
    Thanks for the share.
    .-= Siddharth´s last blog ..The Internet Printing Protocol- What is it =-.

  14. This might be a dumb question, but I can’t seem how to get this to work on my blogger in the sense of, I cannot get the submit button to link to an email or anything of the sort.

    I looked through the script and html, I cannot find anywhere to link it. How do I do so?

  15. Pingback: 20 Fresh Free HTML5 And CSS3 Website Templates And Tutorials | Bloggermint

  16. Hey this is a really great build! Thanks!
    Sage

  17. Pingback: Complete Html5 Resources & Guide | Best Wordpress Host

  18. Pingback: 20+ Best Html5 Forms | Best Wordpress Host

  19. Pingback: 30 Tutoriales para HTML5 más que interesantes

  20. Thank Franklin this article helpful for me.

  21. Pingback: 22个实用的HTML5 CSS3表单开发教程 | isir me

  22. I wonder if you can code this html5+css3 into custom wordpress contact form.

  23. Pingback: 17 Best Html Contact Forms - Design Freebies

  24. Pingback: 分享国外35个非常实用的HTML5教程 | 明朗

  25. Pingback: 国外35个非常实用的HTML5教程分享 – 网页制作基础教程

  26. Pingback: 20 Dicas para Criar um Formulário de Contato usando HTML5 | Site para Empresas – Blog sobre Internet e Criação de Site

  27. Pingback: 20 Dicas para Criar um Formulário de Contato usando HTML5 | TruiZz - Desenvolvimento de web sites e design

  28. Live demo link is not working

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>