HTML 為使用內建元素建立 Web 表單提供了非常強大的支援。 Web 表單通常是用戶端或使用者端最常使用的功能。 HTML 提供了
只需修改上面範例中的表單元素即可。現在請求將作為 post 請求發出,我們將無法看到欄位及其值。
value 屬性用於欄位上以設定其在表單中的初始值。載入表單後,分配的值將預設顯示在使用者頁面上,使用者可以變更。
讓我們在範例中加入 value 屬性:
代碼:
<div> <form action="action.html" method="post"> <label> First Name: </label> <br> <input type="text" name="fname" value="Enter first name"> <br> <br> <label> Last Name: </label> <br> <input type="text" name="lname" value="Enter last name"> <br> <br> <label> Email: </label> <br> <input type="text" name="email" value="Enter valid email"> <br> <br> <input type="submit"> </form> </div>
輸出:
HTML 自動完成屬性與表單元素一起使用來啟用或停用自動完成功能。該功能預設為開啟狀態;這就是為什麼我們可以在前面的範例中看到自動完成建議。我們可以在表單元素中新增此屬性,如下所示,
代碼:
<div> <form action="action.html" method="post" autocomplete="off"> <label> First Name: </label> <br> <input type="text" name="fname"> <br> <br> <label> Last Name: </label> <br> <input type="text" name="lname"> <br> <br> <label> Email: </label> <br> <input type="text" name="email"> <br> <br> <input type="submit"> </form> </div>
輸出:
自動完成關閉時不會顯示建議,預設會開啟。
因此,我們已經了解了在建立 Web 表單時可以使用的大多數可用且重要的 HTML 表單屬性。我們已經看到了諸如操作、方法、自動完成等表單屬性。這些 HTML 表單屬性可以輕鬆實現各種功能來開發和設計直覺的 Web 表單。它們具有靈活性,以便可以按照所需的方式設計表單。 Web 表單可以透過多種可能的方式進行設計,HTML 表單元素是它們的支柱。
以上是HTML 表單屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章!