HTML5是一種新一代的標記語言，它提供了很多新的功能和特性，讓Web開發人員可以更加方便地構建豐富的Web應用程序，其中包括快遞查詢應用程序。
快遞查詢是一種常用的Web應用程序，它可以幫助用戶快速查詢快遞的狀態和物流信息，為用戶提供便利的服務。下面是一個基于HTML5的簡單快遞查詢應用程序的源代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>快遞查詢</title>
</head>
<body>
<h1>快遞查詢</h1>
<form>
<label>請輸入快遞公司名稱:</label>
<input type="text" id="company"><br><br>
<label>請輸入快遞單號:</label>
<input type="text" id="number"><br><br>
<input type="button" value="查詢" onclick="getInfo()">
</form>
<br><br>
<div id="info"></div>
<script>
function getInfo() {
var company = document.getElementById("company").value;
var number = document.getElementById("number").value;
if (company == "" || number == "") {
alert("請輸入完整的快遞公司名稱和單號！");
return;
}
var url = "http://www.kuaidi100.com/query?type=" + company + "&postid=" + number + "&id=1&valicode=undefined&temp=" + Math.random();
var xhr = new XMLHttpRequest();
xhr.open("GET", url, true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var result = JSON.parse(xhr.responseText);
var data = result.data;
var html = "<h3>" + company + " " + number + " 的物流信息</h3><br>";
for (var i = 0; i < data.length; i++) {
var time = data[i].time;
var context = data[i].context;
html += "<b>" + time + "</b> " + context + "<br>";
}
document.getElementById("info").innerHTML = html;
}
};
xhr.send();
}
</script>
</body>
</html>這段代碼中，我們使用了HTML5的form、input、label等標簽來構建用戶輸入框和查詢按鈕，然后使用JavaScript實現了按鈕的點擊事件。
當用戶點擊查詢按鈕時，我們首先判斷用戶是否輸入了完整的快遞公司名稱和單號，然后構造快遞查詢的URL，使用XMLHttpRequest對象發送GET請求，獲取快遞的物流信息。最后，將返回的物流信息使用HTML5的innerHTML屬性動態地顯示在頁面上。
HTML5提供了非常強大的Web應用程序開發功能，快遞查詢應用程序只是其中的一個例子。希望各位開發人員可以依托HTML5的強大特性，構建更多豐富的Web應用程序，為用戶提供更好的服務。