HTML5中設(shè)置年齡主要是通過表單元素中的input元素實現(xiàn)。
<input type="date" name="birthday">
在input元素的type屬性中,使用date類型可以讓用戶選擇日期,包括年、月、日。
當(dāng)用戶選擇日期后,我們可以通過JavaScript獲取用戶的出生日期,然后計算出年齡。
<input type="date" name="birthday" onchange="calculateAge()">
<script>
function calculateAge() {
var birthday = new Date(document.getElementsByName("birthday")[0].value);
var today = new Date();
var age = today.getFullYear() - birthday.getFullYear();
document.getElementById("age").innerHTML = age;
}
</script>
<p>你的年齡是在上面的代碼中,我們通過onchange事件監(jiān)聽用戶選擇日期的變化,然后調(diào)用calculateAge函數(shù)計算年齡。在HTML中加入一個用于顯示計算出來的年齡的元素,并將其id設(shè)置為age。
通過HTML5中的input元素和JavaScript,我們可以方便地設(shè)置用戶的年齡,為網(wǎng)站的個性化服務(wù)提供了便捷的基礎(chǔ)。