html中的contenteditable、hidden、spellcheck

最新推荐文章于 2022-10-17 11:08:56 发布

taotaoahui

最新推荐文章于 2022-10-17 11:08:56 发布

阅读量920

点赞数

分类专栏： html

html 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
	<meta charset="UTF-8">
	<title></title>
</head>
<body>
	<h2>可编辑列表</h2>
	<ul contenteditable="true">
		<!---这里用来创建列表---
			contenteditable="true" 表示可编辑；若为false表示不可编辑--->
		<li>列表1</li><!---列标签-->
		<li>列表2</li>
		<li>列表3</li>
	</ul>
</body
</html>

运行结果如下图所示：

<!DOCTYPE html>
<html>
<head lang="en">
	<meta charset="UTF-8">
	<title></title>
</head>
<body>
	<h2>可编辑列表</h2>
	<ul hidden="true">
		<!---这里用来创建列表---
			hidden="true" 表示不可见；若为false表示可见--->
		<li>列表1</li><!---列标签-->
		<li>列表2</li>
		<li>列表3</li>
	</ul>
</body
</html>

spellcheck属性

<!DOCTYPE <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<title>无标题</title>
</head>
<body>
	<input type="text" spellcheck=""><!-- spellcheck 开启注释 --> 

</body>
</html>