HTML中编辑一个可编辑列表

2025-05-17 04:57:02

1、新建一个HTML文档,如图所示

HTML中编辑一个可编辑列表
HTML中编辑一个可编辑列表

2、先在body定义一个h2标签,如图所示

HTML中编辑一个可编辑列表

3、然后在标签里输入文字可编辑列表

HTML中编辑一个可编辑列表

4、然后在下面一行输入ul标签,如图所示

HTML中编辑一个可编辑列表

5、然后在ul标签里输入contenteditable="true"如图所示

HTML中编辑一个可编辑列表

6、然后定义列表,在ul标签里定义3个li标签,如图所示

HTML中编辑一个可编辑列表

7、在li标签依次输入中文列表元素123

HTML中编辑一个可编辑列表

8、最后按f12预览可以看到点击列表元素即可删除和添加文字

HTML中编辑一个可编辑列表
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢