HTML input标签实现竖排文本显示 | CSS writing-mode 属性指南 - 常规

要将 HTML 的 input 标签改为竖排文本，可以使用 CSS 的 writing-mode 属性来实现。具体步骤如下：

在 input 标签上添加一个 class 或 id 属性，以便通过 CSS 选择器来选中该标签。例如，给 input 标签添加 class 属性：<input class='vertical-text'>。
在 CSS 中添加样式规则来设置竖排文本的效果。例如，使用 writing-mode 属性将文本设置为竖排，并使用 transform 属性调整文本方向和位置。样式规则如下：

.vertical-text {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  white-space: nowrap;
  height: 100px; /* 根据需求设置高度 */
  width: 20px; /* 根据需求设置宽度 */
}

根据需要调整样式规则中的 height 和 width 属性，以及其他样式属性（如颜色、字体大小等）来适应你的需求。
保存 CSS 文件，并在 HTML 文件中引入该 CSS 文件。例如，在 HTML 文件的 head 标签中添加 link 标签：<link rel='stylesheet' href='style.css'>。

现在，input 标签的文本应该会以竖排的方式显示了。