HTML5是目前互聯網上最流行的Web頁面制作語言，它非常適合制作各式各樣的網頁組件。比如在學校中，老師們需要錄入學生的成績，那么使用HTML5來制作成績錄入頁面是非常方便的，請看下面代碼：
<html> <head> <title>成績錄入頁面</title> </head> <body> <h1>學生成績錄入頁面</h1> <form action="/submit.php" method="post"> <label for="name">學生姓名:</label> <input type="text" id="name" name="name" placeholder="請輸入學生姓名"> <br><br> <label for="math">數學成績:</label> <input type="number" id="math" name="math" min="0" max="100" placeholder="請輸入數學成績(0~100)"> <br><br> <label for="chinese">語文成績:</label> <input type="number" id="chinese" name="chinese" min="0" max="100" placeholder="請輸入語文成績(0~100)"> <br><br> <label for="english">英語成績:</label> <input type="number" id="english" name="english" min="0" max="100" placeholder="請輸入英語成績(0~100)"> <br><br> <button type="submit">提交</button> </form> </body> </html>
可以看到，在這個HTML5頁面中，我們首先定義了一個表單form，表單使用了POST方式提交。接下來，我們添加了學生姓名、數學成績、語文成績、英語成績四個輸入框。其中，數學成績、語文成績、英語成績輸入框使用了number類型，可以控制用戶輸入的值必須在0~100之間。最后，添加一個提交按鈕，當用戶填寫完表單內容后，點擊提交按鈕就可以將數據提交到服務器上。