Merge pull request vuejs#332 from posva/doc/textarea

posva · web-flow · commit 73c205377f86 · 2016-07-14T21:59:44.000+02:00
Add a note about textareas on guide
diff --git a/src/guide/forms.md b/src/guide/forms.md
@@ -6,7 +6,7 @@ order: 10
 
 ## Basics Usage
 
-You can use the `v-model` directive to create two-way data bindings on form input elements. It automatically picks the correct way to update the element based on the input type. Although a bit magical, `v-model` is essentially syntax sugar for updating data on user input events, plus special care for some edge cases.
+You can use the `v-model` directive to create two-way data bindings on form input and textarea elements. It automatically picks the correct way to update the element based on the input type. Although a bit magical, `v-model` is essentially syntax sugar for updating data on user input events, plus special care for some edge cases.
 
 ### Text
 
@@ -31,6 +31,31 @@ new Vue({
 </script>
 {% endraw %}
 
+### Multiline text
+
+``` html
+<span>Multiline message is:</span>
+<p>{{ message }}</p>
+<br>
+<textarea v-model="message"></textarea>
+```
+
+{% raw %}
+<div id="example-textarea" class="demo">
+  <span>Message is:</span>
+  <p style="white-space: pre">{{ message }}</p><br>
+  <textarea v-model="message" placeholder="add multiple lines"></textarea>
+</div>
+<script>
+new Vue({
+  el: '#example-textarea',
+  data: {
+    message: ''
+  }
+})
+</script>
+{% endraw %}
+
 ### Checkbox
 
 Single checkbox, boolean value:
