Kamis, Agustus 22, 2019

Pemeriksaan ejaan pada HTML

Fitur pemeriksaan ejaan pada HTML digunakan untuk mendeteksi kesalahan ejaan atau gramatikal pada bidang teks.

Fitur pemeriksaan ejaan atau disebut juga spell check dapat diaplikasikan untuk form HTML menggunakan atribut spellcheck. Atribut spellcheck adalah atribut enumerasi yang mendefinisikan apakah elemen HTML yang diperiksa terdapat kesalahan atau tidak. Fitur ini dapat digunakan dengan "input" dan "textarea" pada HTML.

Sintak:
Sintak atribut spellcheck pada bidang input dalam html:

<input type="text" spellcheck="value">

Sintak untuk spellcheck pada bidang textarea dalam html:

<textarea type="text" spellcheck="value"></textarea>

Pada sintak sebelumnya nilai yang ditetapkan untuk spellcheck akan didefinisikan meskipun spellcheck akan digunakan ataupun tidak pada elemen. Atribut spellcheck memiliki dua nilai valid, yaitu:

True: Mendefinisikan elemen HTML harus mendeteksi kesalahan ejaan atau error.
False: Mendefinisikan elemen HTML tidak harus mendeteksi kesalahan ejaan atau error.

Ketika nilai atribut tidak diatur maka akan diberikan nilai default, yang merupakan definisi browser dan tipe elemen umum. Nilai juga bisa diwarisi dari elemen sebelumnya.

Mengaktifkan spellcheck pada form HTML: untuk dapat menyediakan spellcheck pada form HTML maka nilai atribut dari spellcheck harus diatur ke dalam nilai "true". Berikut ini contoh program HTML dengan menggunakan spellcheck.

Contoh 1:
<!DOCTYPE html>
<html>
<body>
<h3>Example of Enabling SpellCheck</h3>
<form>
 <p>
  <input type="text" spellcheck="true">
 </p>
 <p>
  <textarea spellcheck="true"></textarea>
 </p>
 <button type="reset">Reset</button>
</form>
</body>

</html>  

Output:
pemeriksaan ejaan menggunakan spellcheck pada laman html
Gambar 1 spellcheck html 

Menonaktifkan spellcheck pada form HTML: untuk menonaktifkan spellcheck pada form HTML, nilai atribut spellcheck harus diatur ke tipe "false". Berikut ini contoh program HTML dengan spellcheck nonaktif.

Contoh 2:
<!DOCTYPE html>
<html>
<body>
<h3>Example of Disabling SpellCheck</h3>
<form>
<p>
<input type="text" spellcheck="false">
</p>
<p>
<textarea spellcheck="false"></textarea>
</p>
<button type="reset">Reset</button>
</form>
</body>
</html>

Output:
menonaktifkan spellcheck pada laman html
Gambar 2 spellcheck nonaktif 

Browser pendukung: browser yang mendukung penggunaan spellcheck adalah sebagai berikut:
satu, Google Chrome 9.0
dua, Internet Explorer 11.0
tiga, Firefox
empat, Opera
lima, Safari





Tidak ada komentar:

Posting Komentar

Respon komentar 7 x 24 jam, so please be patient :D

Footer Adsense