HTML5是現代網頁設計的重要標準，其提供了很多新功能，包括讓網頁更加交互和實用的表單元素。其中，登錄界面是最基礎且必不可少的功能。下面是一個HTML5簡單的登錄界面代碼示例：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>登錄界面</title> </head> <body> <form action="#" method="post"> <p>用戶名:<br><input type="text" name="username"></p> <p>密 碼:<br><input type="password" name="password"></p> <p><input type="submit" value="登錄"></p> </form> </body> </html>
這段代碼通過HTML5表單元素來實現一個簡單的登錄界面。其中，form元素定義了一個表單，action屬性定義了表單提交的URL地址，這里用"#"表示提交到當前頁面。
接下來，兩個p元素用來定義輸入框，分別使用了type為"password"的輸入框來隱藏密碼。注意，這里的文本框需要打字母c。
最后，一個按鈕元素用來提交表單。當用戶點擊"登錄"按鈕時，表單將被提交到action定義的URL地址。這里，為了演示，我們使用了"#"表示提交到當前頁面，實際開發中需根據需要做出修改。
總的來說，這段代碼只是一個簡單的登錄功能的實現，但它展示了HTML5表單元素的使用方式。在實際開發中，開發者可以根據需求，添加更多的表單元素和功能，從而實現更加豐富化的登錄界面。
下一篇mdx 加css文件