現在很多應用程序(app)都需要注冊頁面,而注冊頁面也成為了app界面設計中必不可少的一部分。下面我們來看看一個經典的注冊頁面的html代碼:
<div class="register"> <form action="#" method="post"> <h2>注冊</h2> <label>用戶名</label> <input type="text" name="username" placeholder="請輸入用戶名"/> <label>密碼</label> <input type="password" name="password" placeholder="請輸入密碼"/> <label>確認密碼</label> <input type="password" name="confirm" placeholder="請再次輸入密碼"/> <label>郵箱</label> <input type="email" name="email" placeholder="請輸入郵箱地址"/> <input type="submit" name="submit" value="注冊"/> </form> </div>
以上是一個簡單的注冊頁面html代碼,由一個div標簽包裹其中,class為register,表示這是一個注冊頁面。form標簽表示表單,action="#"表示表單提交的地址,method="post"表示使用post方式發送表單數據。
接下來是我們要填寫的內容,分別是用戶名、密碼、確認密碼和郵箱。label標簽用于提示填寫的內容,input標簽用于輸入數據,其中name屬性用于后臺接收數據,placeholder屬性用于前臺占位提示。
最后是一個提交按鈕,type為submit,表示這是一個提交按鈕。name為submit,表示按鈕名稱為“提交”。value屬性則表示按鈕上顯示的文字為“注冊”。
以上就是一個經典的注冊頁面的html代碼,盡管簡單,但是精簡實用,相信大家也能通過這個代碼自己制作一個漂亮的注冊頁面。