Fix #1189

docs/documentation/form/textarea.html

@@ -117,6 +117,12 @@ doc-subtab: textarea
 </div>
 {% endcapture %}
 
+{% capture readonly_example %}
+<div class="control">
+  <textarea class="textarea" type="text" readonly>This content is readonly</textarea>
+</div>
+{% endcapture %}
+
 {% include subnav-form.html %}
 
 <section class="section">
@@ -198,5 +204,20 @@ doc-subtab: textarea
 
     {% include snippet.html content=disabled_example %}
 
+    <h4 class="subtitle">Readonly</h4>
+
+    <div class="tags has-addons">
+      <span class="tag">New</span>
+      <span class="tag is-info">0.5.3</span>
+    </div>
+
+    <div class="content">
+      <p>
+        If you use the <code>readonly</code> HTML attribute, the textarea will look similar to a normal one, but is not editable and has no shadow.
+      </p>
+    </div>
+
+    {% include snippet.html content=readonly_example %}
+
   </div>
 </section>