Run results for: Input vs Textarea large text

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:138.0) Gecko/20100101 Firefox/138.0

Browser: Firefox 138

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Benchmark engine: Benchmark.js

Input test

588/s

Textarea test

455/s

View exact numbers

Test name	Executions per second
✓ Input test	588 Ops/sec
Textarea test	455 Ops/sec

HTML Preparation code:

<input id="input" placeholder="Input test" value="" />
<textarea id="textarea" placeholder="Textarea test" value=""></textarea>

Script Preparation code:


let largeText = ''

for(i=0; i<100; i++) {
  largeText += (Math.random() + 1).toString(36).substring(2)
}

function populateThenEmpty(dom, times) {
    for(ii=0; ii<times; ii++) {
    dom.value = largeText
    dom.value = ''
  }
}

Tests:

Input test
populateThenEmpty(document.getElementById('input'), 1000)
Textarea test
populateThenEmpty(document.getElementById('textarea'), 1000)