1、contentEditable--在使用这个属性下的子元素为可编辑。属性是true/false
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>contentEditable属性示例</title>
</head>
<body>
<h2>可编辑列表</h2>
<ul contentEditable="true">
<li>列表元素1</li>
<li>列表元素2</li>
<li>列表元素3</li>
</ul>
</body>
</html>
2、designMode--整个可见页面（body）下的所有元素都可编辑 ， 注意：该属性这能在JavaScript中使用 属性值：on/off
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>designMode属性示例</title>
</head>
<body>
<h2>可编辑</h2>
<ul>
<li>可编辑</li>
<li>可编辑</li>
<li>可编辑</li>
</ul>
<script>
document.designMode = "on";
</script>
</body>
</html>
3、spellcheck 只针对 textarea和input，它的功能对用户输入的文本内容进行拼写和语法检查。注意如果元素本身的readOnly或disabled为true，那么就不执行拼写检查
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>spellcheck</title>
</head>
<body>
<!-- spellcheck 只针对 textarea和input，
它的功能对用户输入的文本内容进行拼写和语法检查。
注意如果元素本身的readOnly或disabled为true，
那么就不执行拼写检查 -->
<textarea spellcheck="true"></textarea>
<input type="text" spellcheck="false">
</body>
</html>
时间： 2024-10-08 08:40:07