{"id":8909,"date":"2012-09-26T23:56:06","date_gmt":"2012-09-26T18:26:06","guid":{"rendered":"http:\/\/www.tothenew.com\/blog\/?p=8909"},"modified":"2016-12-19T14:50:51","modified_gmt":"2016-12-19T09:20:51","slug":"html5-making-editable-elements","status":"publish","type":"post","link":"https:\/\/www.tothenew.com\/blog\/html5-making-editable-elements\/","title":{"rendered":"HTML5: Making editable elements"},"content":{"rendered":"

HTML 5 provides some very good features, one of it is EDITABLE Elements.<\/p>\n

 <\/p>\n

It is very helpful in creating dynamic HTML5 applications, and very simple to use.<\/p>\n

 <\/p>\n

so lets keep the blog short and sweet and see the code which is as follows
\n[html]
\n&lt;h1&gt;Todo List&lt;\/h1&gt;
\n &lt;ol contenteditable=&quot;true&quot;&gt;
\n &lt;li&gt;Enter contents&lt;\/li&gt;
\n &lt;\/ol&gt;
\n[\/html]
\nyou can see we just did “contenteditable=”true””<\/strong> and the element is editable. brilliant is’t it!<\/p>\n

 <\/p>\n

Live Demo(Html5 browser only)<\/h1>\n

Demo Of this Tag(External Link)<\/p>\n

\n

 <\/p>\n

Hope it helps!<\/p>\n","protected":false},"excerpt":{"rendered":"

HTML 5 provides some very good features, one of it is EDITABLE Elements.   It is very helpful in creating dynamic HTML5 applications, and very simple to use.   so lets keep the blog short and sweet and see the code which is as follows [html] &lt;h1&gt;Todo List&lt;\/h1&gt; &lt;ol contenteditable=&quot;true&quot;&gt; &lt;li&gt;Enter contents&lt;\/li&gt; &lt;\/ol&gt; [\/html] you […]<\/p>\n","protected":false},"author":51,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":4,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-8909","post","type-post","status-publish","format-standard","hentry","category-technology"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t