Readonly Textareas

Test for copying values from readonly textareas on iOS

by Seb Nilsson

HTML

<div>
    <label>Textarea</label><br />
    <textarea>Textarea</textarea>
</div>

<div>
    <label>Textarea - readonly</label><br />
    <textarea readonly="readonly">Textarea - readonly</textarea>
</div>

<div>
    <label>Textarea - disabled</label><br />
    <textarea disabled="disabled">Textarea - disabled</textarea>
</div>

<div>
    <label>Textarea - readonly onfocus blur</label><br />
    <textarea readonly onfocus="this.blur();">Textarea - readonly onfocus blur</textarea>
</div>

<div>
    <label>Plain div</label><br />
    <div id="plain-div">
        Plain div
    </div>
</div>

CSS

textarea, input[type=text], #plain-div {
    height: 100px;
    width: 200px;
}
#plain-div {
    border: 1px solid #555;
}