convert to md and fix live-sample error

1 files changed, 46 insertions, 50 deletions

diff --git a/files/zh-cn/web/api/inputevent/inputtype/index.md b/files/zh-cn/web/api/inputevent/inputtype/index.md
index 5925b3ffba..81542d55d5 100644
--- a/files/zh-cn/web/api/inputevent/inputtype/index.md
+++ b/files/zh-cn/web/api/inputevent/inputtype/index.md
@@ -3,78 +3,74 @@ title: InputEvent.inputType
 slug: Web/API/InputEvent/inputType
 tags:
   - API
+  - DOM
   - DOM Events
+  - Input
   - InputEvent
+  - Property
+  - Reference
+  - events
   - inputType
 translation_of: Web/API/InputEvent/inputType
 ---
-<div>{{APIRef("DOM Events")}}</div>
+{{APIRef("DOM Events")}}
 
-<p>{{domxref("InputEvent")}} 接口中的只读属性 <strong><code>inputType</code></strong> 返回对可编辑内容所做更改的类型。可能的更改包括插入、删除和格式化文本。</p>
+{{domxref("InputEvent")}} 接口中的只读属性 **`inputType`** 返回对可编辑内容所做更改的类型。可能的更改包括插入、删除和格式化文本。
 
-<h2 id="语法">语法</h2>
+## 语法
 
-<pre class="syntaxbox">var <em>string</em> = <em>inputEvent</em>.inputType;</pre>
+```js
+var aString = inputEvent.inputType;
+```
 
-<h3 id="返回值">返回值</h3>
+### 返回值
 
-<p>一个 {{domxref("DOMString")}} 对象，包含所做输入的类型。有许多可能的值，例如<code>insertText</code>、<code>deleteContentBackward</code>、<code>insertFromPaste</code>和<code>formatBold</code>。有关可用输入类型的完整列表，请参阅 <a href="https://rawgit.com/w3c/input-events/v1/index.html#interface-InputEvent-Attributes">Input Events Level 1 规范的属性部分</a>。</p>
+一个 {{domxref("DOMString")}} 对象，包含所做输入的类型。有许多可能的值，例如 `insertText`、`deleteContentBackward`、`insertFromPaste` 和 `formatBold`。有关可用输入类型的完整列表，请参阅 [Input Events Level 1 规范的属性部分](https://rawgit.com/w3c/input-events/v1/index.html#interface-InputEvent-Attributes)。
 
-<h2 id="示例">示例</h2>
+## 示例
 
-<p>此实例记录 <a href="/en-US/docs/Web/API/HTMLElement/input_event">input events</a> 的 <code>inputType</code>，在一个可编辑的 {{htmlElement("div")}} 中。</p>
+此示例记录一个可编辑的 {{htmlElement("div")}} 所触发的 [input events](/zh-CN/docs/Web/API/HTMLElement/input_event) 的 `inputType`。
 
-<h3 id="HTML">HTML</h3>
+### HTML
 
-<pre class="brush: html">&lt;p id="log"&gt;Input type: &lt;/p&gt;
-&lt;div contenteditable="true" style="margin: 20px;padding: 20px;border:2px dashed red;"&gt;
-  &lt;p&gt;Some sample text. Try inserting line breaks, or deleting text in different ways, or pasting different content in.&lt;/p&gt;
-  &lt;hr&gt;
-  &lt;ul&gt;
-    &lt;li&gt;A sample&lt;/li&gt;
-    &lt;li&gt;bulleted&lt;/li&gt;
-    &lt;li&gt;list.&lt;/li&gt;
-  &lt;/ul&gt;
-  &lt;p&gt;Another paragraph.&lt;/p&gt;
-&lt;/div&gt;</pre>
+```html
+<p id="log">Input type: </p>
+<div contenteditable="true" style="margin: 20px;padding: 20px;border:2px dashed red;">
+  <p>Some sample text. Try inserting line breaks, or deleting text in different ways, or pasting different content in.</p>
+  <hr>
+  <ul>
+    <li>A sample</li>
+    <li>bulleted</li>
+    <li>list.</li>
+  </ul>
+  <p>Another paragraph.</p>
+</div>
+```
 
-<h3 id="JavaScript">JavaScript</h3>
+### JavaScript
 
-<pre class="brush: js">const log = document.getElementById('log');
+```js
+const log = document.getElementById('log');
 const editable = document.querySelector('div[contenteditable]');
 editable.addEventListener('input', logInputType);
 
 function logInputType(event) {
   log.textContent = `Input type: ${event.inputType}`;
-}</pre>
+}
+```
 
-<p>尝试编辑 <code>&lt;div&gt;</code> 中的文本，并看看发生了什么事。</p>
+### Result
 
-<p>{{EmbedLiveSample("Examples", '100%', 500)}}</p>
+尝试编辑 `<div>` 中的文本，并看看发生了什么事。
 
-<div class="blockIndicator note">
-<p>注：有关更详细的示例，请参见 <a href="https://d-toybox.com/studio/lib/input_event_viewer.html">Masayuki Nakano的InputEvent测试套件</a>。</p>
-</div>
+{{EmbedLiveSample("示例", '100%', 500)}}
 
-<h2 id="规范">规范</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">规范</th>
-   <th scope="col">状态</th>
-   <th scope="col" style="width: 15%;">备注</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('UI Events','#dom-inputevent-inputtype','inputType')}}</td>
-   <td>{{Spec2('UI Events')}}</td>
-   <td></td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="浏览器兼容性">浏览器兼容性</h2>
-
-<div>
-<p>{{Compat("api.InputEvent.inputType")}}</p>
-</div>
+> **备注：** 有关更详细的示例，请参见 [Masayuki Nakano 的 InputEvent 测试套件](https://d-toybox.com/studio/lib/input_event_viewer.html)。
+
+## 规范
+
+{{Specifications}}
+
+## 浏览器兼容性
+
+{{Compat}}