Run results for: Input vs Textarea large text

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36

Browser: Chrome 128

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

Input test

434/s

Textarea test

381/s

View exact numbers

Test name	Executions per second
✓ Input test	434 Ops/sec
Textarea test	381 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)