zoukankan      html  css  js  c++  java
  • HTML5它contenteditable属性

    HTML5它contenteditable属性


    1、功能说明

    (1)功能:同意用户编辑元素中的内容

    (2)说明:是一个布尔值。false是不能编辑,true为可编辑


    2、分析实例

    (1)contenteditable属性为false

    <!DOCTYPE html>
    <head>
       <meta charset="utf-8" />
       <title>contentEditable</title>
    </head>
    
    <ul contenteditable="false">
      <li>星期一</li>
      <li>星期二</li>
      <li>星期三</li>
      <li>星期四</li>
      <li>星期五</li>
      <li>星期六</li>
      <li>星期日</li>
    </ul>


    (2)contenteditable属性为true

    <!DOCTYPE html>
    <head>
       <meta charset="utf-8" />
       <title>contentEditable</title>
    </head>
    
    <ul contenteditable="true">
      <li>星期一</li>
      <li>星期二</li>
      <li>星期三</li>
      <li>星期四</li>
      <li>星期五</li>
      <li>星期六</li>
      <li>星期日</li>
    </ul>
    

    3、实例结果

    (1)contenteditable属性为false



    (2)contenteditable属性为true



    版权声明:本文博客原创文章,博客,未经同意,不得转载。

  • 相关阅读:
    [转]责任链模式
    spring中常见注解描述
    [转]外观模式
    [转]策略模式
    分布式事务实践
    SpringBoot入门
    服务器性能调优
    kvm qemu内幕介绍
    xen 保存快照的实现之 —— device model 状态保存
    xen hypercall 的应用层实现
  • 原文地址:https://www.cnblogs.com/mengfanrong/p/4717635.html
Copyright © 2011-2022 走看看