Web Development from Scratch: Forms
basix

Web Development from Scratch: Forms

on Apr 18th 2011 with 18 comments
Tutorial Details
  • Difficulty: Beginner
  • Format: Video
This entry is part 9 of 15 in the Web Development from Scratch Session
« PreviousNext »

In lesson nine of our Session, we’ll review forms, or more specifically, the method by which we capture user data. When you build registration or contact pages, you use forms and inputs.

Choose 720p for the clearest picture.
Subscribe to our YouTube and Blip.tv channels to watch more screencasts.

 
Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By

Rollover to read this author's bio or click through to see a full list of posts by this author.

I'm the editor of Nettuts+, and help out on the Envato marketplaces.. I also (very infrequently) blog on my personal site. Feel free to check that out as well...if you're bored. Follow us on Twitter, and subscribe to the official Nettuts+ YouTube page if you want to live.  

Plus Premium
 
 
Add Comment

Discussion 18 Comments

  1. Joe says:
    June 2, 2011 at 11:14 pm

    To Jeffrey Way, great series!
    I’ve been trying to learn how to build websites and your videos helped a lot.
    But where’s the rest? why does the series stopped? I’ve been waiting and waiting, and no new video is posted. Please please continue this series

    Reply
    • Jeffrey Way says:
      June 3, 2011 at 5:06 am
      Author

      What do you mean? The article your commenting on was posted in the last 24 hours. Waiting and waiting?? :)

      Reply
      • Sean says:
        June 3, 2011 at 11:30 am

        Jeffrey,

        As I’m not a ‘designer’, but I’ve been working in IT for over a decade (playing around with computers for 10 years before that… when the original dreaded HTML frames were used all over the place), I’m trying to decide on which tutorials (on TUTS+) of yours I should go through first to help me play catchup with the rest of the world on PHP and CSS since my media group has switched our portfolio to word press . Should I go through your CSS tutorials first, or the PHP tutorials?

        Thanks!

        Sean

      • Hello says:
        November 8, 2011 at 9:42 pm

        Hello

  2. MARWAN says:
    June 3, 2011 at 5:44 pm

    hi Jeffrey
    I want to ask you if you want to complete this session?
    http://net.tutsplus.com/sessions/photoshop-to-html/
    and convert it to wordpress theme
    if your answer is yes tel me when

    Reply
  3. Moniker says:
    June 4, 2011 at 3:33 am

    Thanks for the videos, Jeffrey. Eagerly awaiting the rest of the screen casts.

    Reply
  4. Violetta says:
    June 8, 2011 at 12:44 am

    I am beginning to understand how web building works, thanks to your videos. It seemed so overwhelming before. I am far from ready to design my own site but I cannot wait to learn more.

    Reply
  5. Luis says:
    June 8, 2011 at 1:34 pm

    Hi Jeffrey,

    I have the same request on your series as Marwan.
    http://net.tutsplus.com/sessions/photoshop-to-html/
    Please consider doing this for the rest of the community!

    Thanks
    Luis

    Reply
    • Jeffrey Way says:
      June 8, 2011 at 2:13 pm
      Author

      Hey guys. That Session is complete. I decided that adding another ->WordPress layer would complicate the series too much, and abstract from what the session is about.

      Instead, I’m going to plan something new to answer the PSD->WordPress requests. :)

      Reply
  6. Premke says:
    June 8, 2011 at 4:16 pm

    Nice series, this should be a good base for begginers.

    I used to watch tutorials from many sources but i stick with nettus last few months, and i can say that you have great tutorials.

    Keep it up guys! :-)

    Reply
  7. Mike says:
    June 11, 2011 at 10:02 am

    Thanks Jeffrey Way for this awesome tutorial series as myself a noob to html learned a lot from this series … and will be waiting for your next series about PSD to wordpress as i would love to learn that and you way of teaching is just awesome …..

    Thanks for this series will be waiting for the next ….

    Thanks
    Mike

    Reply
  8. Lucas del Río says:
    June 28, 2011 at 7:51 pm

    This was really nice! I’m not new to web, but I had a look at the hole video and find out two things I think I didn’t know. That lists had a left margin, and the correct use of label (which was pretty interesting for accessibility).
    Great work trying to explain basic stuff. It would have been pretty nice to have something like this in my early stages. Still it’s useful to get back to the basics sometimes :D

    Reply
  9. Naresh says:
    November 8, 2011 at 9:33 pm

    Hi All,
    Can any one of tell me the form design implemenation with ajax.

    Reply
  10. Javier Guerrero says:
    December 4, 2011 at 1:43 pm

    I am learning english with your videos! Thanks!

    Reply
  11. Rosie says:
    February 17, 2012 at 8:37 am

    Do you have a tutorial that explains where information goes once it is filled into the form? I would like to collect addresses on my “free” wedding website and used your code to build the form, but how can I take that info and put it into my own database? Is that possible? Thank you very much, I’m a novice and I made this work!

    Reply
  12. Albert says:
    April 30, 2012 at 9:55 pm

    Hello friend, I’ve been watching your tutorials and they’re great.
    I would like to ask a favor could you create a tutorial where you design a functional contact form with PHP? and could you create another where explain how you created the roll over of your biography? I would like to learn to do things like that.

    Thanks for your help

    Reply

Add a Comment

To add a code snippet to your comment, please wrap your code like so: <pre name="code" class="html">YOUR CODE</pre>. You can replace the class name with "js," "css," "sql," or "php." If there are any "<" or ">" within your code, please search and replace them with: &lt; and &gt; respectively.