iT邦幫忙

DAY 21
3

學習手機網站開發系列 第 18

日期欄位、文字訊息-Day 21

HTML5支援的日期欄位、自動增長的文字訊息欄位
HTML5新增了對日期欄位的支援,而JQuery Mobile也支援html5,所以直接指定input元素類型即可。
●date 日期選擇器(日、月、年)。
●datetime 完整的日期選擇器(日、月、年、小時、分鐘)
●time 時間選擇器
●datetime-local完整日期不包含時區資訊
●month 月份選擇
●week 週期選擇
查詢可支援相容性資訊的最新版本:http://mobilehtml5.org

文字訊息自動增加區域:輸入多行文字時,JQuery Mobile一開始會提供兩行的高度,到超過兩行會動增加第三行。
作法:

<div data-role="fieldcontain">
 <label for="listbook">text-area</label>
 <textarea id="listbook" name="listbook"></textarea>
 <label for="name">Last Name</label>
 <input type="text" id="name" />
</div>

顯示結果

以上小小分享,有任何問題還請多多指教。謝謝謝謝謝謝


上一篇
JQuery Mobile 文字欄位-Day 20
下一篇
JQuery Mobile彈跳清單-Day 22
系列文
學習手機網站開發27
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

我要留言

立即登入留言