HTML5新增表单标签六

2025-05-26 02:56:53

1、我们不会再标记中设置contentEditable属性,要设置也是通过javascript,并且在编辑完成后再取消可编辑的功能。(不要把这两个按钮放在可编辑区域!因为网页一旦变得可以编辑,其中的元素就不会产生时间,因而就无法再触发js代码了)

HTML5新增表单标签六

2、designMode属性能够让用户编辑整个页面。(需要放在iframe中)

HTML5新增表单标签六

3、再根据designMode属性加入JS语言。

HTML5新增表单标签六

4、根据上述两者代码的结合

HTML5新增表单标签六

5、再看一下结果(点击编辑时可编辑文本,点击取消时可取消编辑文本)

HTML5新增表单标签六

6、一般情况下网页制作时不会运用designMode属性和contentEditable属性。

HTML5新增表单标签六
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
相关推荐
  • 阅读量:37
  • 阅读量:90
  • 阅读量:53
  • 阅读量:61
  • 阅读量:64
  • 猜你喜欢