How you can allow a user to edit pages with HTML5


When a user wants to change some information on a webpage it’s often very jarring to ask them to go to another form to edit the content. Users find it difficult to understand how the changes they make on a form will effect the resultant page.

Therefore it’s become common practice to allow users to edit the content in place. It’s easy enough to do this by switching out content areas with Form Fields however HTML5 offers us another solution called contenteditable. It’s not a particularly new feature, having been in IE since version 5.5 but its addition to the HTML5 specification and now broad support means that you can confidently use it on your website .

Jack Osborne of HTML5 Doctor fame, gives a great overview of the feature with a number of examples including how to save the edited content.

Comments (0)

Skip to main content