Run results for: Input vs Textarea large text

Run details:

User agent: Mozilla/5.0 (Linux; Android 8.0.0; SAMSUNG SM-A600FN) AppleWebKit/537.36 (KHTML, like Gecko) SamsungBrowser/23.0 Chrome/115.0.0.0 Mobile Safari/537.36

Browser: Chrome Mobile 115

Operating system: Android 8.0.0

Device Platform: Mobile

Date tested: 2 years ago

Benchmark engine: Benchmark.js

Textarea test

42/s

Input test

38/s

View exact numbers

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