<div style="border: 1px solid #000000; height: 200px; overflow: auto; padding: 5px; width: auto;">
<br /></div>
</div>
<!-- Codes by HTML.am -->
<form action="http://www.html.am/html-codes/textboxes/submitted.cfm">
<textarea name="myTextBox" cols="50" rows="5">
Enter some text...
</textarea>
<br />
<input type="submit" />
</form>
---------------------------------------------------------------------------------------------------------------
COPY AND PASTE BELOW CODE
-----------------------------------------------------------------------------------------------------------------
<html>
<head>
<title>Textarea Tricks</title>
<style>
textarea { width: 400px; padding: 10px; }
#example-one {
background:url(http://css-tricks.com/examples/TextareaTricks/images/benice.png) 50% 50% no-repeat;
border:1px solid #888888;
}
#example-two {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_Wo3fYKz8FhCzU14RLbnWdTvmKGB9_UsFi-EF88HFMAu-ygov3o1ktuyF03pPwiU3Ijmi5CHalQ_iS23LHhTCslfeDtAayskjqcl7CLA657Gy2AWe-gEFJrOznekfYZfzjEK5R_-yIFx8/s1600/FBGadgets.jpg) 50% 50% no-repeat;
border: 20px solid;
border-top-color:Red;
border-right-color:Yellow;
border-bottom-color:Blue;
border-left-color:GREEN;
width:100px;
height: 100px;
color:Red
}
</style>
</head>
<body>
<div id="page-wrap">
<textarea id="example-one" cols="30" rows="5">
</textarea>
<textarea id="example-two" cols="30" rows="5">
TEXT AREA WRITTING
</textarea>
</div>
</body>
</html>
-------------------------------------------------------------------------------------------------------------------
OR USE UPPER CODE BY THIS WAY
-------------------------------------------------------------------------------------------------------------------
<html>
<head>
<title>Textarea Tricks</title>
<style>
#example-one {
background:url(http://css-tricks.com/examples/TextareaTricks/images/benice.png) 50% 50% no-repeat;
border:1px solid #888888;
}
#textarea{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_Wo3fYKz8FhCzU14RLbnWdTvmKGB9_UsFi-EF88HFMAu-ygov3o1ktuyF03pPwiU3Ijmi5CHalQ_iS23LHhTCslfeDtAayskjqcl7CLA657Gy2AWe-gEFJrOznekfYZfzjEK5R_-yIFx8/s1600/FBGadgets.jpg) 50% 50% no-repeat;
border: 20px solid;
border-top-color:Red;
border-right-color:Yellow;
border-bottom-color:Blue;
border-left-color:GREEN;
width:100px;
height: 100px;
color:Red
}
</style>
</head>
<body>
<div id="page-wrap">
<textarea id="example-one" cols="30" rows="5">
</textarea>
<textarea id="textarea" cols="30" rows="5">
TEXT AREA WRITTING
</textarea>
</div>
</body>
</html>
READ MORE:
http://www.html.am/html-codes/textboxes/
0 comments:
Post a Comment