[HTML] <input> 標籤 required 屬性無效問題(Required attribute not working with <input> tag)

<input> 標籤的 required 屬性必須要搭配 <form> 標籤才可驗證表單內容是否有填，

另外，提交的按鈕如果是 <input> 或 <button>，還需要加上 type="submit" 屬性，才會生效。

※注意事項: <button> 標籤不可使用像 @click 點擊事件來跳過表單的驗證

<form action="/action_page.php">
  <label for="username">Username:</label>
  <input type="text" id="username" name="username" required>
  <input type="submit">
</form>

參考資料

1. HTML required Attribute
2. Required attribute not working with tag [duplicate]
3. ChatGPT