HTML5是一種網頁標記語言,用于創建現代化的網站和應用程序。其中用戶信息頁面是非常重要的一部分。用戶信息頁面可以提供給用戶與自己賬號相關的信息,例如用戶名、密碼、郵件地址等。下面是一個HTML5用戶信息頁面的示例代碼:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>用戶信息頁面</title> </head> <body> <h1>用戶信息頁面</h1> <form action="" method="post"> <fieldset> <legend>個人信息</legend> <p> <label for="username">用戶名:</label> <input type="text" name="username" id="username" required> </p> <p> <label for="password">密碼:</label> <input type="password" name="password" id="password" required> </p> <p> <label for="email">郵件地址:</label> <input type="email" name="email" id="email" required> </p> </fieldset> <fieldset> <legend>聯系信息</legend> <p> <label for="name">姓名:</label> <input type="text" name="name" id="name"> </p> <p> <label for="phone">電話:</label> <input type="tel" name="phone" id="phone"> </p> <p> <label for="address">地址:</label> <input type="text" name="address" id="address"> </p> </fieldset> <button type="submit">提交</button> </form> </body> </html>以上代碼展示了一個基本的用戶信息頁面,頁面分為個人信息和聯系信息兩部分。個人信息包括用戶名、密碼和郵件地址等信息,而聯系信息則包括姓名、電話和地址等信息。用戶可以在頁面上輸入并提交這些信息以更新他們的個人資料。 以上代碼中,
<form>
元素定義了一個表單,其中<fieldset>
元素用于將表單分組,并給出每個字段的名稱。每個字段由