使用HTML編寫登錄表格,非常簡單易懂。下面是登錄表格的示例代碼:
<form><label for="username">用戶名:</label><input type="text" id="username" name="username"><br><label for="password">密碼:</label><input type="password" id="password" name="password"><br><input type="submit" value="登錄"></form>
代碼中的 <form>標簽表示表單,里面包含了用戶名和密碼輸入框以及登錄按鈕。<label>標簽用來描述輸入框的作用,同時也會提升表單的可訪問性。<input>標簽則是實際的輸入框。
通過給 <input>標簽設置不同的 type 值,可以控制輸入框的類型。這里分別是文本輸入框和密碼輸入框。<input>標簽也可以有一些其他的屬性,例如 placeholder(占位符)和 required(必填)。
最后,<input type="submit">標簽會產生一個提交按鈕,當用戶點擊它時,表單會發出 HTTP POST 請求。可選的值有 <input type="button">和 <input type="reset">,分別是按鈕和重置按鈕。