Heads up! This blog post hasn't been updated in over 2 years. CodePen is an ever changing place, so if this post references features, you're probably better off checking the docs. Get in touch with support if you have further questions.

You can absolutely use CodePen to build and play with web forms. Due to the sandboxing we do on the preview iframe, you can’t actually POST out directly from a form (a minor bit of security), but you can POST directly back to the Pen itself. Like:

<form action="#" method="post">
  <!-- go nuts -->

It used to be that if you submitted a form like that, you’d get a gnarly CodePen error. We’ve fixed that up so that now you’ll get a successful POST response, showing you the values submitted.

Certainly more useful than an error page. Let us know if you have any more ideas for it.