How to create a fix dimension ( width * height) textarea
In Html, give text area and we can set width and height but site user can move the textarea.
This solution Is available in css. We can use resize attribute to create a fix text area.
So, let’s see example HTML File Is :
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>krButani</title>
<style>
.text {
}
textarea {
/*
Possible Type is Following:
1. None = no - resize textarea
2. vertical = only vertical resize.
3. horizontal = only horizontal resize.
4. Both = horizontal - vertical resize.
*/
-moz-resize:none;
-webkit-resize:none;
resize:none;
}
</style>
</head>
<body>
<div class="text">
</div>
<textarea name="elem" id="elem" rows="5" cols="50"></textarea>
</body>
</html>
Now You can create a better textarea. Next time we meet some better techniques.
This solution Is available in css. We can use resize attribute to create a fix text area.
So, let’s see example HTML File Is :
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>krButani</title>
<style>
.text {
}
textarea {
/*
Possible Type is Following:
1. None = no - resize textarea
2. vertical = only vertical resize.
3. horizontal = only horizontal resize.
4. Both = horizontal - vertical resize.
*/
-moz-resize:none;
-webkit-resize:none;
resize:none;
}
</style>
</head>
<body>
<div class="text">
</div>
<textarea name="elem" id="elem" rows="5" cols="50"></textarea>
</body>
</html>
Now You can create a better textarea. Next time we meet some better techniques.
Comments
Post a Comment