表單輸入上的HTML表格

是否有可能在一個表單輸入上設定 html 表格？

我想弄清楚的是，如何使表單輸入成為一個小方框，而不是一個延伸到整個頁面的方框。

下面的代碼試圖實作表格和表格行（tr），但效果并不好，非常感謝任何提示。

< h1>GEB研究</h1>
<hr>/span>
<fieldset>/span>
  <table> 

    <tr> 
      <h2>創建開放ADR事件</h2>
    </tr>/span>

    <tr>/span>
      < form method="post" action="/trigger"> 
        <label>VEN ID：</label>
        < input type="text" name="VEN ID" value=" required> <br>>
        <tr> 
          <label>Open ADR Payload 簡單信號：</label>
          < input type="number"/span> name="Payload Signal" value=" required> <br>>
        </tr> 

        <tr>/span>
          <label for="starttime">/span>選擇事件的開始日期和時間。 </label>選擇事件的開始日期和時間。
          <  string">"會議時間" name="Event-Start" value="2020-07-12T19: 30"/span> min="2020-06-07T00:00"/span> max="2024-06-14T00: 00" required><br> 
        </tr>/span>

        <tr>/span>
          <label>事件持續時間（分鐘）：</label> 
          < input type="number" name="minutes" value="" min="30" max="720" required> <br>>
          <small>最小要求30，最大720分鐘</small>
        </tr>/span>

  </table>/span>
</fieldset> 
< input type="submit" value="submit" >
</form>

uj5u.com熱心網友回復：

使用display : inline-block;

span class="hljs-selector-tag">form {
  display : inline-block;
}

< h1>GEB研究</h1>
<hr>/span>
< form method="post" action="/trigger"> 
  <fieldset> 
    <table> 

      <tr> 
        <h2>創建開放ADR事件</h2>
      </tr>/span>

      <tr>/span>
        <label>VEN ID：</label>
        < input type="text" name="VEN ID" value=" required> <br>>
        <tr> 
          <label>Open ADR Payload 簡單信號：</label>
          < input type="number"/span> name="Payload Signal" value=" required> <br>>
        </tr> 

        <tr>/span>
          <label for="starttime">/span>選擇事件的開始日期和時間。 </label>選擇事件的開始日期和時間。
          <  string">"會議時間" name="Event-Start" value="2020-07-12T19: 30"/span> min="2020-06-07T00:00"/span> max="2024-06-14T00: 00" required><br> 
        </tr>/span>

        <tr>/span>
          <label>事件持續時間（分鐘）：</label> 
          < input type="number" name="minutes" value="" min="30" max="720" required> <br>>
          <small>最小要求30，最大720分鐘</small>
        </tr>/span>
    </table>/span>
  </fieldset> 
  < input type="submit" value="submit" >
</form>

uj5u.com熱心網友回復：

添加width: fit-content到fieldset css。你也應該修正你的標簽（<form>有有趣的位置）

span class="hljs-selector-tag">fieldset {
  width: fit-content;
}

< h1>GEB研究</h1>
<hr>/span>
< form method="post" action="/trigger"> 
  <fieldset> 
    <table> 

      <tr> 
        <h2>創建開放ADR事件</h2>
      </tr>/span>

      <tr>/span>
        <label>VEN ID：</label>
        < input type="text" name="VEN ID" value=" required> <br>>
        <tr> 
          <label>Open ADR Payload 簡單信號：</label>
          < input type="number"/span> name="Payload Signal" value=" required> <br>>
        </tr> 

        <tr>/span>
          <label for="starttime">/span>選擇事件的開始日期和時間。 </label>選擇事件的開始日期和時間。
          <  string">"會議時間" name="Event-Start" value="2020-07-12T19: 30"/span> min="2020-06-07T00:00"/span> max="2024-06-14T00: 00" required><br> 
        </tr>/span>

        <tr>/span>
          <label>事件持續時間（分鐘）：</label> 
          < input type="number" name="minutes" value="" min="30" max="720" required> <br>>
          <small>最小要求30，最大720分鐘</small>
        </tr>/span>
    </table>/span>
  </fieldset> 
  < input type="submit" value="submit" >
</form>

標籤：

上一篇：是否有辦法以編程方式確定一個輸入日期欄位是否不完整？

下一篇：如何在typescript中改變`this`的指標