autosize/demo.html at master · zeandcode/autosize · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html>
<html>
	<head>
		<meta charset='utf-8'/>
		<title>Textarea Autosize Demo</title>
		<style>
			textarea {
				border:1px solid #ccc;
			}

			#animated {
				vertical-align: top;
				transition: height 0.2s;
				-webkit-transition: height 0.2s;
				-moz-transition: height 0.2s;
			}

		</style>
		<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
		<script src='jquery.autosize.js'></script>
		<script>
			$(function(){
				$('#normal').autosize();
				$('#animated').autosize({append: "\n"});
			});
		</script>
	</head>
	<body>
		<textarea id='normal'>Not animated.</textarea>
		<textarea id='animated'>With CSS transition.</textarea>
	</body>
</html>