在HTML中,我們可以使用date控件來讓用戶選擇日期。
有時候,我們需要設置這個控件的默認值,下面我們來看看如何設置。
<label for="birthday">選擇生日:</label> <input type="date" id="birthday" name="birthday" value="2000-01-01">
代碼中,我們在date控件中添加了value屬性,并設置了默認日期。
當頁面加載時,這個默認日期就會顯示在控件里,用戶可以選擇修改。
需要注意的是,value屬性的值必須符合日期格式,即yyyy-mm-dd。
另外,如果需要設置當前日期為默認值,可以使用JavaScript動態生成value屬性的值:
<label for="today">選擇日期:</label> <input type="date" id="today" name="today"> <script> document.getElementById('today').valueAsDate = new Date(); </script>
在這個例子中,我們使用了JavaScript的Date對象來獲取當前日期,并將其賦值給date控件的valueAsDate屬性。
這樣一來,當頁面加載時,date控件的默認值就是當前日期。
總之,設置date控件的默認值非常簡單,只需要在標簽中添加value屬性并設置日期即可。
下一篇css中 none