Artikel Topik pembelajaran Muat turun Soal Jawab Kamus Pengaturcaraan Permainan kemas kini terkini

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Rumah > hujung hadapan web > Tutorial H5 > teks badan

html5规定是否对元素进行拼写和语法检查的属性spellcheck

黄舟

Lepaskan： 2017-11-03 13:38:28

asal

3367 orang telah melayarinya

实例

进行拼写检查的可编辑段落：

<p contenteditable="true" spellcheck="true">这是一个段落。</p>

Salin selepas log masuk

浏览器支持

IE、Firefox、Chrome、SafariOpera

定义和用法

spellcheck 属性规定是否对元素进行拼写和语法检查。

可以对以下内容进行拼写检查：

input 元素中的文本值（非密码）
元素中的文本</p></li><li><p>可编辑元素中的文本</p></li></ul><p style="margin: 0px; padding: 0px; border: 0px; font-size: 18px; color: rgb(63, 63, 63); font-family: 微软雅黑; white-space: normal; background-color: rgb(253, 252, 248);">HTML 4.01 与 <a href="http://www.php.cn/wiki/1118.html" target="_blank">HTML5</a> 之间的差异</p><p>spellcheck 属性是 HTML5 中的新属性。</p><p style="margin: 0px; padding: 0px; border: 0px; font-size: 18px; color: rgb(63, 63, 63); font-family: 微软雅黑; white-space: normal; background-color: rgb(253, 252, 248);">语法</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><element spellcheck="true|false"></pre><div class="contentsignin">Salin selepas log masuk</div></div><p style="margin: 25px 0px 0px; padding: 0px; border: 0px; font-size: 16px; color: rgb(0, 0, 0); font-family: PingFangSC-Regular, Verdana, Arial, 微软雅黑, 宋体; white-space: normal; background-color: rgb(253, 252, 248);">属性值</p><table><tbody><tr class="firstRow"><td width="94" valign="top" style="word-break: break-all;">值</td><td width="1015" valign="top" style="word-break: break-all;">描述</td></tr><tr><td width="94" valign="top" style="word-break: break-all;">true</td><td width="1015" valign="top" style="word-break: break-all;">对元素进行拼写和语法检查</td></tr><tr><td width="94" valign="top" style="word-break: break-all;">false</td><td width="1015" valign="top" style="word-break: break-all;">不检查元素。</td></tr></tbody></table><p>html5的spellcheck属性（拼写、文法检查）</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>spellcheck属性的使用</title> </head> <body> <style> .ac{border:1px solid #ff7300;width:200px;height:100px;} </style> <pre class="brush:php;toolbar:false"> 1.<b>输入完某个单词后,进行按空格键，就可以看到这是不是错误的单词了。</b> 2.spellcheck="true"、'false'、""，值为true和""时，代表检查。。【空字符串为什么检查：就跟input其他属性一样，你设置个readonly就是只读( readonly="")，再加个值描述的更准确。】 3.使用场合： 1.类型为text型的input元素，但input类型为text型的input元素，但input="password"不行(原因：你是密码哎，都是星号还检查个啥玩意,密码本身就是不同字母组合而出的)。 2.textarea元素 3.spellcheck属性，html5中的所有元素都可以指定，对于不是输入栏的元素，须指定contenteditable="true" 编辑属性，才能使用。(如div什么的。) 4.现代浏览器都支持以及IE10 </pre> <p>检测<textarea spellcheck="true" >absolute testK

不检测

div absolute testK

readonly=""：

Salin selepas log masuk

Atas ialah kandungan terperinci html5规定是否对元素进行拼写和语法检查的属性spellcheck. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：

h5 html5 kelakuan

sumber：php.cn

Artikel sebelumnya：html5中布尔属性的hidden Artikel seterusnya：html5中在用户开始拖动元素或选择的文本时触发的事件ondragstart

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang

从零开始打造自己的PHP框架的视频资料

2023-03-15 16:54:01
PHPMailer如何利用QQ邮箱完成邮件发送功能的实例分析

2023-03-15 12:26:02
php中关于IMAP如何收取邮件的方法介绍

2023-03-14 18:58:01
php如何快速实现数组去重的实例

2023-03-14 11:30:01
html中关于<a>标签的全部属性的使用总结

1970-01-01 08:00:00
php基础知识总结（新手入门必备）

2023-03-16 15:20:01
JavaScript中typeof的使用方法介绍

1970-01-01 08:00:00
JavaScript中confirm()方法的使用介绍

1970-01-01 08:00:00
HTML5 Placeholder属性的详情介绍

1970-01-01 08:00:00
ReactJS中表单的单选多选与反选的实现方法

1970-01-01 08:00:00

Isu terkini

Bagaimanakah saya boleh mendapatkan imej saya dipaparkan pada paparan utama halaman? Apa yang saya mahu lakukan ialah menerima beberapa gambar menggunakan NASAAPI. Foto-foto i...

daripada 2024-04-06 15:33:12

0

1

433

Bolehkah fail PDF menjalankan HTML5 dan Javascript? Saya mempunyai idea bodoh untuk mencuba dan membuat program yang tidak akan disekat pada m...

daripada 2024-04-05 12:57:00

0

1

456

Apakah perbezaan antara enctype dan formenctype dalam HTML5? Saya hanya tertanya-tanya apakah perbezaan antara atribut enctype dan formenctype dalam HT...

daripada 2024-04-02 11:47:56

0

1

275

Jadikan halaman itu mesra mudah alih? Saya mempunyai banyak halaman web dan beberapa laman web. Masalahnya, saya seorang pemula....

daripada 2024-04-01 20:42:38

0

1

259

Topik-topik yang berkaitan

Lagi>

Cadangan popular

Tutorial Popular

Lagi>

Tutorial berkaitan

Cadangan popular

Kursus terkini

Muat turun terkini

Lagi>

kesan web

Kod sumber laman web

Bahan laman web

Templat hujung hadapan

Tentang kita Penafian Sitemap: Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！