如何在输入型文本上用innerHTML编写？

在输入型文本上使用innerHTML编写的主要步骤如下：

1. 获取输入型文本的DOM元素：通过JavaScript获取输入型文本的DOM元素，可以使用getElementById()或者querySelector()等方法来获取。
2. 获取输入的内容：使用value属性或者innerHTML属性获取输入型文本的内容。一般情况下，对于输入型文本框，使用value属性获取文本框中的内容，对于textarea标签，则可以使用innerHTML属性获取。
3. 修改输入的内容：使用innerHTML属性修改输入型文本的内容。innerHTML属性可用于设置元素的HTML内容，通过将内容设置为需要的HTML代码来修改输入型文本的显示。

需要注意的是，使用innerHTML属性来设置内容时，应该确保输入的内容是安全的，以防止跨站脚本攻击(XSS)。为了确保输入的内容安全，可以对输入进行过滤或者转义处理。

以下是一些示例代码，演示如何在输入型文本上使用innerHTML编写：

HTML代码：

<textarea id="myTextArea"></textarea>
<button onclick="writeText()">写入文本</button>

JavaScript代码：

function writeText() {
  var textarea = document.getElementById("myTextArea");
  var content = "<strong>这是加粗的文本</strong>";
  textarea.innerHTML = content;
}

在上述示例中，点击"写入文本"按钮后，会将<strong>这是加粗的文本</strong>写入到文本框中，并显示为加粗的文本。

总结： 通过innerHTML属性可以在输入型文本上编写内容，可以将任意HTML代码作为内容进行展示。然而，在实际使用时，应该注意输入内容的安全性，并进行必要的过滤或转义处理。