HTML5在移動端應用開發中發揮了重要的作用，尤其是在信息展示和篩選方面更是得心應手。在手機端信息展示中，通過添加篩選條件實現信息的快速查找，為用戶提供了極大的方便性。下面是一個HTML5手機端信息篩選條件的示例代碼，其中使用了基礎的HTML5語言和CSS樣式。 首先，我們需要創建一個包含所有信息的列表。這里我們使用ul標簽，每一個信息用li標簽封裝。如下所示：

<ul id="info-list">
<li>信息1</li>
<li>信息2</li>
<li>信息3</li>
<li>信息4</li>
<li>信息5</li>
<li>信息6</li>
</ul>

接下來，我們需要實現信息的篩選功能。這里我們使用了一個帶有多個選項的篩選條件，用戶可以通過選擇不同的選項來篩選信息。如下所示：

<div id="filter">
<span>類型：</span>
<select id="type">
<option value="all">全部</option>
<option value="type1">類型1</option>
<option value="type2">類型2</option>
<option value="type3">類型3</option>
</select>
<span>時間：</span>
<select id="time">
<option value="all">全部</option>
<option value="lastday">最近一天</option>
<option value="lastweek">最近一周</option>
<option value="lastmonth">最近一個月</option>
</select>
<button id="search">搜索</button>
</div>

最后，我們需要添加JavaScript代碼來實現篩選功能。代碼中使用了事件監聽器，當用戶選擇不同的選項或者點擊搜索按鈕時會觸發相應的篩選操作。如下所示：

<script>
var infoList = document.getElementById("info-list");
var typeFilter = document.getElementById("type");
var timeFilter = document.getElementById("time");
var searchBtn = document.getElementById("search");
typeFilter.addEventListener("change", filterInfo);
timeFilter.addEventListener("change", filterInfo);
searchBtn.addEventListener("click", filterInfo);
function filterInfo() {
var typeValue = typeFilter.value;
var timeValue = timeFilter.value;
var infoItems = infoList.getElementsByTagName("li");
for (var i = 0; i < infoItems.length; i++) {
var infoItem = infoItems[i];
if ((typeValue === "all" || infoItem.getAttribute("data-type") === typeValue) &&
(timeValue === "all" || infoItem.getAttribute("data-time") === timeValue)) {
infoItem.style.display = "block";
} else {
infoItem.style.display = "none";
}
}
}
</script>

通過上述代碼，我們實現了一個簡單的HTML5手機端信息篩選條件，可以方便的篩選信息。需要說明的是，本示例代碼使用了基礎的HTML5語言和CSS樣式，可以根據需要進行定制和擴展。