HTML5是一種同時支持PC端和移動端的編程語言，它可以實現(xiàn)很多實用的功能，例如：天氣預(yù)報功能。下面是一段HTML5天氣預(yù)報手機代碼：
<html>
<head>
<title>天氣預(yù)報</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" >
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<p>天氣預(yù)報</p>
</div>
<div data-role="content">
<h3>輸入城市名稱:</h3>
<form id="cityForm">
<input type="text" id="city" name="city" value="" />
<input type="submit" value="查詢" />
</form>
<p id="weatherInfo"></p>
</div>
</div>
<script>
$(document).on('submit', '#cityForm', function(){
var city = $("#city").val();
$.ajax({
url: "http://wthrcdn.etouch.cn/weather_mini",
data: {city:city},
dataType: "jsonp",
success: function(data){
$("#weatherInfo").html("城市:"+data.data.city+"<br>溫度:"+data.data.wendu+"<br>天氣:"+data.data.forecast[0].type);
}
});
return false;
});
</script>
</body>
</html>在HTML5中，我們可以通過jQuery框架使用AJAX技術(shù)來獲取天氣數(shù)據(jù)，并將數(shù)據(jù)顯示在頁面上。這段代碼包含了一個簡單的表單，用戶輸入城市名稱后提交表單，根據(jù)城市名稱獲取天氣數(shù)據(jù)，并將城市名稱、溫度、天氣類型顯示在頁面上。