在網(wǎng)站開(kāi)發(fā)中,用戶(hù)注冊(cè)表單是必不可少的一部分。HTML5提供了一些新的表單元素和屬性,可以讓我們更方便地創(chuàng)建用戶(hù)注冊(cè)表單。
<form method="post" action="register.php"> <fieldset> <legend>用戶(hù)注冊(cè)</legend> <label for="username">用戶(hù)名:</label> <input type="text" id="username" name="username" required> <br> <label for="password">密碼:</label> <input type="password" id="password" name="password" required minlength="6"> <br> <label for="email">電子郵件:</label> <input type="email" id="email" name="email" required> <br> <label for="tel">手機(jī)號(hào)碼:</label> <input type="tel" id="tel" name="tel"> <br> <label>性別:</label> <input type="radio" id="male" name="gender" value="male"> <label for="male">男</label> <input type="radio" id="female" name="gender" value="female"> <label for="female">女</label> <br> <label for="birthday">出生日期:</label> <input type="date" id="birthday" name="birthday"> <br> <label for="avatar">頭像:</label> <input type="file" id="avatar" name="avatar"> <br> </fieldset> <input type="submit" value="注冊(cè)"> </form>
上面的代碼演示了一個(gè)簡(jiǎn)單的用戶(hù)注冊(cè)表單。其中,username
、password
、email
是必填項(xiàng),password
要求至少6個(gè)字符,tel
是可選項(xiàng)。同時(shí),我們使用了新的表單元素email
、tel
和date
,以及文件上傳表單元素file
。在性別部分,我們使用了單選按鈕radio
實(shí)現(xiàn)選擇。在表單結(jié)構(gòu)上,我們使用了
submit
來(lái)提交表單。