Run results for: Input vs Textarea large text

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/135.0.0.0 Safari/537.36

Browser: Chrome 135

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Input test

853/s

Textarea test

607/s

View exact numbers

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