can some one help me creating a vertical text field. actually I want to create a email subscription form i开发者_如何转开发n which I want to place a text field which can only take one character per row.
You could use something like <textarea style="height: 5em; width: 0.8em;" ></textarea>
(this will display the characters vertically). You may have to play with the height and width.
The writing-mode
and filter
properties of css can be used make a vertical effect to a textarea
. Following is an example html page, using these properties is a class
<html> <head> <style type="text/css"> .verticaltext { writing-mode: tb-rl; filter: flipv fliph; } </style> </head> <body> <textarea class="verticaltext"/></textarea> </body> </html>
While reading values form the textarea
you may have to split it and get each character.
You may apply this css to div
elements also.
精彩评论