在網頁開發中,常常需要提供電話號碼查詢功能。為了方便用戶輸入正確的號碼,我們可以使用HTML編寫加強版的電話號碼查詢代碼。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>電話號碼查詢</title> </head> <body> <form> <label>請輸入手機號碼:</label> <input type="text" maxlength="11" pattern="[1][3456789]\d{9}" placeholder="請輸入11位手機號碼" required> <button type="submit">查詢</button> </form> </body> </html>
代碼中,我們使用了HTML5中的表單特性,其中pattern屬性正則匹配手機號碼格式,maxlength屬性限制用戶輸入長度不超過11位,placeholder屬性提供提示信息,required屬性表示輸入框內容必填。通過加強版電話號碼查詢代碼,我們能夠為用戶提供更優秀的用戶體驗。