亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

required 屬性是否應該適用于表單內的模板自定義輸入?

required 屬性是否應該適用于表單內的模板自定義輸入?

收到一只叮咚 2022-06-16 17:27:21
我目前正在嘗試構建一個自定義輸入,它工作得很好,但由于某種原因,所需的屬性(表單驗證)不起作用。  return ( // simplified code, <my-input>      <div>        <label htmlFor="myinput">myinput: </label>        <input required name="myinput" id="myinput" type="text"/>      </div>    );當我將自定義輸入嵌套在表單標記中時,即使我設置了required屬性,表單也不會阻止提交值。如果我只是將組件中的 html/jsx 代碼復制/粘貼到表單標簽中,則required會按預期工作。<form>  // required not working  <my-input></my-input>   <div>    <label for="myinput">myinput: </label>    <input required name="myinput" id="myinput" type="text"/> // required working  </div>  <input type="submit"></form>問題:是否有特定原因導致所需屬性在表單標簽內的自定義輸入(模板組件)中不起作用?或者也許它應該起作用,但我不知何故犯了一個錯誤。
查看完整描述

2 回答

?
慕哥9229398

TA貢獻1877條經驗 獲得超6個贊

您可以禁用 shadow dom,或添加作為 @Prop 屬性傳遞的必需屬性。



查看完整回答
反對 回復 2022-06-16
?
莫回無

TA貢獻1865條經驗 獲得超7個贊

它不起作用,因為 Web 組件的 Shadow DOM 破壞了輸入與它所屬的表單之間的鏈接。

然而,與表單相關的自定義元素的 API 正在制作中(參見規范),以允許 Web 組件的行為更像表單中的本機輸入元素。


查看完整回答
反對 回復 2022-06-16
  • 2 回答
  • 0 關注
  • 148 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號