JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.ractivejs.org/edge/ractive.js"></script>
<h2>plain HTML</h2>
<h3>no spellcheck</h3>
<input value='asdfgh'>
    
<h3>spellcheck</h3>
<input spellcheck value='asdfgh'>
    
<h3>spellcheck=''</h3>
<input spellcheck='' value='asdfgh'>
    
<h3>spellcheck='false'</h3>
<input spellcheck='false' value='asdfgh'>
    
<main></main>

<script id='template' type='text/ractive'>
    <h2>Ractive</h2>
    <h3>no spellcheck</h3>
    <input value='asdfgh'>
        
    <h3>spellcheck</h3>
    <input spellcheck value='asdfgh'>
            
    <h3>spellcheck=''</h3>
    <input spellcheck='' value='asdfgh'>
                
    <h3>spellcheck='false'</h3>
    <input spellcheck='false' value='asdfgh'>
    
    <h3>spellcheck=truthy</h3>
    <input value='asdfgh' spellcheck='{{truthy}}'/>
        
    <h3>spellcheck=falsy</h3>
    <input value='asdfgh' spellcheck='{{falsy}}'/>
</script>

JavaScript

var ractive = new Ractive({
    el: 'main',
    template: '#template',
    data: {
        truthy: true,
        falsy: false,
        word: 'asdfgh'
    }
});