开发者

html form vertical textfield

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.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜