>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 26101 个阅读者 刷新本主题
 * 贴子主题:  jQuery Mobile 表单选择 回复文章 点赞(0)  收藏  
作者:flybird    发表时间:2019-08-17 21:54:50     消息  查看  搜索  好友  邮件  复制  引用

  

jQuery Mobile  表单选择菜单

jQuery Mobile 选择菜单

         Iphone 上的选择菜单:

         Android/SGS4 设备上的选择菜单:

    点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小
<select> 元素创建带有若干选项的下拉列表。

       <select> 元素内的 <option> 元素定义了列表中的可用选项:            

范例

<form method="post" action="demoform.html">
  <fieldset  class="ui-field-contain">
    <label for="day">Select Day</label>
    <select name="day" id="day">

      <option value="mon">Monday</option>
      <option value="tue">Tuesday</option>
      <option value="wed">Wednesday</option>
    </select>
  </fieldset>
</form>

       提示:如果您有一个带有相关选项的很长的列表,请在 <select> 内使用 <optgroup> 元素:            

范例

<select name="day" id="day">
   <optgroup label="Weekdays">
    <option value="mon">Monday</option>
    <option value="tue">Tuesday</option>
    <option value="wed">Wednesday</option>
  </optgroup>
  <optgroup label="Weekends">
    <option value="sat">Saturday</option>
    <option value="sun">Sunday</option>
  </optgroup>
</select>              

自定义选择菜单

     本页顶部的图像,演示了移动平台上如何使用它们的方式展示一个选择菜单。

     如果您想要让选择菜单在所有的移动设备上都显示相同,请使用 jQuery 自带的自定义选择菜单,data-native-menu="false" 属性:            

范例

     <select name="day" id="day"  data-native-menu="false">                

多个选择

     如需在选择菜单中选择多个选项,请在 <select> 元素中使用 multiple 属性:





程序猿的技术大观园:www.javathinker.net



[这个贴子最后由 flybird 在 2020-02-15 09:59:49 重新编辑]
  Java面向对象编程-->Java常用类(下)
  JavaWeb开发-->自定义JSP标签(Ⅰ)
  JSP与Hibernate开发-->Java对象持久化技术概述
  Java网络编程-->用Swing组件展示HTML文档
  精通Spring-->
  Vue3开发-->Vue Router路由管理器
  大部分人都会做错的经典JS闭包面试题
  Vue3.0 ref、reactive、toRef、toRefs、customRef的区别
  Vue CLI内网安装(禁止运行vue指令解决方案)
  Vue路由开启keep-alive时的注意点
  史上最全的web前端面试题汇总及答案
  JavaScript 进制转换的实用代码
  jQuery 效果:隐藏和显示
  JavaScript的HTML DOM Parameter 对象
  HTML DOM Image图片对象
  响应式 Web 设计:网格视图
  CSS3 2D 转换
  CSS margin(外边距)
  JavaScript Array(数组)对象
  JavaScript中的 this关键字
  JSON 数据转换为JavaScript对象
  更多...
 IPIP: 已设置保密
楼主      
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


中文版权所有: JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶,分享交流Java前沿技术。  联系我们
如有技术文章涉及侵权,请与本站管理员联系。