Question

可以帮助我创建一个垂直文本字段。实际上我想创建一个电子邮件订阅表单，我想在其中放置一个文本字段，每行只能占用一个字符。

Answer 1

您可以使用类似<textarea style="height: 5em; width: 0.8em;" ></textarea>的内容（这将垂直显示字符）。你可能需要玩高度和宽度。

Answer 2

可以使用css的writing-mode和filter属性对textarea进行垂直效果。以下是一个示例html页面，使用这些属性是一个类

<html>
<head>
<style type="text/css">
  .verticaltext {
      writing-mode: tb-rl;
      filter: flipv fliph;
  }
</style>
</head>
<body>
  <textarea class="verticaltext"/></textarea>
</body>
</html>

从textarea读取值时，您可能需要将其拆分并获取每个字符。您也可以将此css应用于div元素。

html表单垂直文本字段

2 个答案: