Text area Tag (<textarea> </textarea>)

Example : How to create text area to store large size data.
<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Codershelpline</title>
	</head>

	<body>
		<textarea rows="8" cols="10"></textarea>
                <!-------------  OR  ------------>
		<textarea rows="8" cols="10" autofocus></textarea>
		<textarea rows="8" cols="10" readonly></textarea>
		<textarea rows="8" cols="10" required></textarea>
		<textarea rows="8" cols="10" wrap=""></textarea>
	</body>
</html>
Example : How to limit the characters in text area .
<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Codershelpline</title>
	</head>
	<body>
		<textarea rows="8" cols="10" maxlength="15"></textarea>
	</body>
</html>
Example : How to fix border size (disable re-sizable property) of textarea.
<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Codershelpline</title>
	</head>

	<body>
		<textarea rows="8" cols="10" style="resize: none"></textarea>
		<!-------------  OR  ------------>
		<textarea rows="8" cols="10" style="resize: vertical"></textarea>
		<textarea rows="8" cols="10" style="resize: horizontal"></textarea>
	</body>
</html>

Loading

Categories: HTML

0 Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.