html5移动开发使用JQuerymobile textarea高度无法调整
 <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>提交界面</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<!-- 引入JQ Mobile所需CsS -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<!-- 引入JQ 脚本文件提高对 JQmobile支持 -->
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<!-- 引入JQ Mobile所需脚本文件 -->
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

</head>

<body>
  <div data-role="page" data-theme="a">
     <div data-role="header" data-position="fixed">
      <a href="index.html" data-role="button">返回</a>
        <h1>新建作业</h1>
     </div>
     <div data-role="content" >
     <label for="name">心得体会:</label>
     <textarea   id="feel"  style=" "></textarea> 
     <!-- 禁止textarea自动增长 -->
     <script>$(function () { $("#feel").textinput("option", "autogrow", false); })</script>

     </div>
     <div data-role="footer" data-position="fixed">
        <div data-role="navbar" data-position="fixed">
           <ul>
             <li><a href="#">创建作业</a></li>
           </ul>
        </div>

     </div>
  </div>
</body>
</html>

textarea中 width height row col 中row、height不可以调节高度 查到网上解决办法是在style中添加

 style="textarea.ui-input-text { min-height:90px; };"

调节最小窗口大小,结果还是不可以使用。请问各位大神 是我添加textarea.ui-input-text { min-height:90px; }到样式添加错了吗?还是有其他办法可以调节默认窗口大小? 小白刚刚学习html5 希望大神帮帮忙!感谢!

2个回答

添加的错了.
应该这样:

<style>
 textarea.ui-input-text{min-height:90px;}
 </style>

改变样式,要么通过css样式,即在页面style标签中添加,如:textarea.ui-input-text{min-height:90px;};
要么通过js,获取要改变样式的元素,然后添加样式,如 $('#feel').css('min-Height','90px');
document.getElementById('feel').style.minHeight="90px";

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
html5移动开发使用JQuerymobile,textarea自动适配文字的问题
rnrn```rn rnrnrn rn 提交界面rn rnrn rnrn rnrn rnrnrnrnrn rn rn 返回rn 新建作业rn rn rn 心得体会:rn rn rn rn rn rn rn rn 创建作业rn rn rn rn rnrn rn rnrnrn```rnrnrnrnrn大神麻烦为我解答一下好吗,初学html5移动开发,感觉JQuery框架中有使textarea自动适配文字多少而改变高度的问题,但是我并不想让他自己动改变高度!rn网上使用的resize:none、width、height、row、col都尝试过 不能改变。还请大神帮忙!
textarea自动高度调整
根据文字的多少自动增高 能够自动伸缩 也可以 ←Backspace 减少字体的同时高度跟着减
textarea高度随内容自动调整
本人遇到一个问题怎样才能让textarea文本域的高度随着内容而自适应呢?
HTML5移动开发之路jQueryMobile页面间参数传递中文WORD版
资源名称:HTML5移动开发之路 jQueryMobile页面间参数传递 中文WORD版本文档主要讲述的是HTML5移动开发之路 jQueryMobile页面间参数传递;在单页模版中使用基于HTTP的方式通过POST和GET请求传递参数,而在多页模版中不需要与服务器进行通信,通常在多页模版中有以下三种方法来实现页面间的参数传递 1、GET方式:在前一个页面生成参数并传入下一个页面,然后在下一个页面 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。
HTML5移动开发
HTML5移动开发,解码APK文件即可获得源代码
HTML5移动开发,解读HTML5
HTML5移动开发,HTML5游戏开发,html5解读,让你更快的了解html5
[HTML5] HTML5 移动开发 (英文版)
☆ 资源说明:☆ [奥莱理] HTML5 移动开发 (英文版) [奥莱理] Mobile HTML5 (E-Book) ☆ 图书概要:☆ Build kickass websites and applications for all mobile (and non-mobile) platforms by adding HTML5 and CSS3 to your web development toolkit. With this hands-on book, you’ll learn how to develop web apps that not only work on iOS, Android, Blackberry, and Windows Phone, but also perform well and provide good user experience. ☆ 出版信息:☆ [作者信息] Estelle Weyl [出版机构] 奥莱理 [出版日期] 2013年11月29日 [图书页数] 480页 [图书语言] 英语 [图书格式] PDF 格式
html5移动开发
移动时代,html5的兴起,文档是html5 web开发指南资源。
jquery mobile无法修改textarea的高度
在样式中添加:textarea.ui-input-text { min-height: 90px;  }  即可
移动开发-swiper高度问题
.swiper-slide{ height:0px;overflow-y: hidden} .swiper-slide-active { height:auto}
Html5 phonegap结合Jquerymobile资源
Phonegap结合Jquerymobile开发HTML5,资源完整版.
RecyclerView 动态调整高度, 调整item高度
1. RecyclerView 高度动态调整  solution ( RecyclerView的高度控制都在 LayoutManager 中) LinearLayoutManager exceptionLayoutManager = new LinearLayoutManager(this){ @Override public void o...
二、前端选择,jquerymobile 、html5。
自己开发app,暂时先从最简单的入手。 内容先留着。
新手学HTML5移动开发
新手学HTML5移动开发---面向ios和Android
html5移动开发之密码键盘
支持html5网页自定义密码控件,有效解决了安全性问题
表格的高度或者宽带无法调整
当在表格属性里面无法调整行高时,可以通过按住Ctrl键的同时用鼠标拖动表格线进行调整。 特此纪录
HTML5移动开发概述
一.Native VS HTML5 1.native+html5=?2.hybrid bridge3.hybrid frameworks: phonegap/mui/wechat4.browser compatibility5.quick release/cross-platform/inter-operate/modularity &amp;lt;—&amp;gt; UX/Network speed6.r...
html5 video移动开发一
业务场景:微信公众号使用,通过video,取流实时浏览视频监控画面,能支持云台等一些操作,在手机上能全屏浏览并操作 视频显示位置css样式 object-fit: contain;//视频画面显示为原始比例,并且宽或高有一方铺满 object-position: left;//视频显示位置 //不显示video默认控制条controls,浏览器不同支持去掉controls的方法也不同 第一...
HTML5移动开发环境配置(AndroidStudio+Cordova)
1、安装JDK安装过程中的路径可以使用默认的路径,但是为了后期配置的方便,建议自定义一个简单的路径,这里使用如下路径:         假设:JDK的安装路径设置为  C:\java\jdk1.8         安装过程中间会弹出JRE的安装,此时设定JRE的安装路径为C:\java\jre1.8 2、在系统环境变量中配置jdk的相关路径         增加JAVA_HOME,值就是JDK的安...
HTML5移动开发便携手册
html5移动开发手册,有一些基本的api用法示例,虽然是英文的但基本上只看代码就可以了,其他可以忽略
html5移动开发端密码
-
几个HTML5移动开发源码
几个HTML5移动开发源码,很好用,可以做移动开发
html5的移动开发介绍
html5 移动开发的介绍ppt,并没什么技术含量,主要是介绍。抛砖引玉只用。
html5移动开发权威指南
html5移动开发权威指南.rar
为什么CComboBox(动态创建)的高度无法调整?
在一个ListView中,创建一100行,rn然后想把这100行都变成ComboBox.rn为什么ComboBox的高度比ListView中的每一项都大?rn即使ComboBox;;SetItemHeight(..);也没有用?rnComboBox.Create(..,rect,..);rn那个rect只是指定Combo的所有的可见区域,并不是指定每一项的高度。rn怎么才能改变高度?rnrnvoid CComboInViewView::OnInitialUpdate()rnrn CListView::OnInitialUpdate();rnrn int i;rn for(i=0; i<100; i++) this->handle[i]=1000+i;rn CListCtrl &ct=this->GetListCtrl();rn ct.InsertColumn(0,"11",LVCFMT_LEFT,300);rn for(i=0; i<100; i++)rn ct.InsertItem(i,"ssa");rnrn int j;rn for(i=0; i<100; i++)rn rn CComboBox* pcb=new CComboBox;rn if(!pcb) return ;rn this->m_CBList.AddTail(pcb);rn LVITEM it;rn CRect rect;rn it.mask=LVIF_TEXT;rn it.iItem=i;rn ct.GetItemRect(i,&rect,LVIR_BOUNDS);rn rect.right;rn rect.bottom+=100;rn pcb->Create(WS_CHILD|CBS_DROPDOWNLIST|WS_VSCROLL|WS_HSCROLL,rect,this,this->handle[i]);rn CString str;rn for(j=0; j<10; j++)rn// pcb->SetItemHeight(j,rect.Height());rn str.Format("String_(%d,%d)",i,j);rn pcb->AddString(str);rn rn pcb->ShowWindow(SW_SHOW);rn// pcb->Dir(DDL_DIRECTORY,"D:");rn rn// cb.ShowDropDown();rn // TODO: You may populate your ListView with items by directly accessingrn // its list control through a call to GetListCtrl().rnrnrn
html5移动开发总结
1、清除html5的默认样式aritcle,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{ margin:0; padding:0; border:0; font-size:100%; font
关于HTML5移动开发
各位前辈觉得HTML5移动开发怎么样,是否有必要学。
HTML5移动开发项目1
HTML5 JQUERY开发项目,JSP JAVA WEB
HTML5移动开发源码+书籍
创建高性能、响应式的移动网站;有效利用H5最新的移动Web功能、横跨多个移动平台
html5 移动开发项目实例
html5 +jquerymobile+css 移动开发项目实例
html5移动开发的几大特性
html5移动开发的出现让移动平台的竞争由系统平台转向了浏览器之间:移动端的IE、Chrome、FireFox、Safari,亦或是新出现的浏览器,谁能达到在移动端对HTML5更好的支持,谁就能在以后的移动应用领域占据更多的市场。rnrn  更灵活、更方便的app使用及安装方式将成为HT]L5在移动平台上大放异彩的保障之一。rnrn  下面列举HTML5适合移动应用开发的几大特性:rnrn  1.离线缓存为HTML5开发移动应用提供了基础rnrn  HTML5 Web Storage API可以看做是加强版的cookie,不受数据大小限制,有更好的弹性以及架构,可以将数据写入到本机的ROM中,还可以在关闭浏览器后再次打开时恢复数据,以减少网络流量。rnrn  同时,这个功能算得上是另一个方向的后台“操作记录”,而不占用任何后台资源,减轻设备硬件压力,增加运行流畅性。rnrn  在线app支持边使用边下载离线缓存,或者不下载离线缓存;而离线app必须是下载完离线缓存才能使用。rnrn  形象点说,cookie就是存了电话和菜单,想吃什么要叫外卖,等多长时间才能吃到就得看交通情况了;离线缓存就是直接在冰箱里存了食物,想吃就能马上吃到(当然,想吃最新的食物同样可以打电话预定)。rnrn  设计师要知道,什么时候让用户下载离线缓存(注意在线和离线app的区别)。rnrn  2.音频视频自由嵌入,多媒体形式更为灵活rnrn  原生开发方式对于文字和音视频混排的多媒体内容处理相对麻烦,需要拆分开文字、图片、音频、视频,解析对应的URL并分别用不同的方式处理。rnrn  HTML5在这个方面完全不受限制,可以完全放在一起进行处理。rnrn  设计师要知道,如果新闻类、微博类、社交类应用的信息呈现中实现文字与多媒体混排,而不用专门嵌入webview,将是一件多美好的事情,至少现在原生方式实现起来还有困难。rnrn  3.地理定位,随时随地分享位置rnrn  充分发挥移动设备对定位上的优势,推动LBS应用发展。rnrn  可以综合使用GPS、wifi、手机等方式让定位更为精准、灵活。rnrn  地理位置定位,让定位和导航不再专属导航软件,地图也不用下载非常大的地图包,可以通过缓存来解决,到哪儿下哪儿,更灵活。rnrn  设计师要知道,现在嵌入LBS功能的应用越来越多,这也是移动设备与台式PC相比最大的优势之一,HTML5能把这个优势再度扩大化,好好想想怎么在你设计的应用里用上吧!rnrn  4.Canvas绘图,提升移动平台的绘图能力rnrn  使用Canvas API可以简单绘制热点图收集用户体验资料rnrn  支持图片的移动、旋转、缩放等常规编辑rnrn  Canvas – 2D的绘图功能支持rnrn  Canvas 3D – 3D的绘图功能支持rnrn  SVG – 向量图支援rnrn  设计师要知道,图片的移动、旋转、缩放?那都太基础了,自己画都是小case,至于怎么用,好好想想吧!rnrn  5.专为移动平台定制的表单元素rnrn  浏览器中出现的html5表单元素与对应的键盘:rnrn  类型用途键盘rnrn  Text正常输入内容标准键盘rnrn  Tel电话号码数字键盘rnrn  Email电子邮件地址文本框带有@和.的键盘rnrn  url网页的URL带有.com和.的键盘rnrn  Search用于搜索引擎,比如在站点顶部显示的搜索框标准键盘rnrn  range特定值范围内的数值选择器,典型的显示方式是滑动条滑动条或转盘rnrn  只需要简单的声明 即可完成对不同样式键盘的调用,简捷方便。rnrn  设计师要知道,用的时候记得告诉研发同事一声!rnrn  6.丰富的交互方式支持rnrn  提升互动能力:拖拽、撤销历史操作、文本选择等rnrn  Transition – 组件的移动效果rnrn  Transform – 组件的变形效果rnrn  Animation – 将移动和变形加入动画支持rnrn  设计师要知道,HTML5提供的交互方式是非常丰富的,至于用不用得上,那是你自己的事儿喽!rnrn  7.HTML5使用上的优势rnrn  更低的开发及维护成本;rnrn  使页面变得更小,减少了用户不必要的支出;而且,性能更好使耗电量更低;rnrn  方便升级,打开即可使用最新版本,免去重新下载升级包的麻烦,使用过程中就直接更新了离线缓存。rnrn  设计师要知道,用户想要什么,HTML5能提供给用户什么。rnrn  8.CSS3 视觉设计师的辅助利器rnrn  CSS3支持了字体的嵌入、版面的排版,以及最令人印象深刻的动画功能。rnrn  Selector – 更有弹性的选择器rnrn  Webfonts – 嵌入式字体rnrn  Layout – 多样化的排版选择rnrn  Stlying radius gradient shadow – 圆角、渐变、阴影rnrn  Border background – 边框的背景支持rnrn  使用CSS3来完成部分视觉工作,载入速度快,节省代码及图片,也为用户节约了带宽。rnrn  设计师要知道,一个界面里几十张素材图的方式已经太out啦,赶快让CSS3帮你偷懒。rnrn  9.实时通讯rnrn  以往网站由于HTTP协议以及浏览器的设计,实时的互动性相当的受限,只能使用一些技巧来「仿真」实时的通讯效果,但HTML5提供了完善的实时通讯支持。rnrn  设计师要知道,应用中嵌入实时通信、信息内容进行实时提醒,HTML5可以帮你实现。rnrn  10.档案以及硬件支持rnrn  不知道大家有没有发现,在Gmail等新的网页程序当中,已经可以透过拖拉的方式将档案作为邮件附件?这就是HTML5档案的功能中的Drag’n Drop和File API。rnrn  设计师要知道,移动应用中对于数据传输的需求越来越大,传统的路径选择方式太过于繁琐,快来试试HTML5的拖拽上传功能吧!rnrn  11.语意化rnrn  语意化的网络是可以让计算机能够更加理解网页的内容,对于像是搜索引擎的优化(SEO)或是推荐系统可以有很大的帮助。rnrn  设计师要知道,HTML5能让搜索更快速、更准确。rnrn  12.双平台融合的app开发方式,提高工作效率rnrn  依照目前iPhone/Android 迅速提升市占率的情势来看,未来如果想要在先进的智慧型手机上撰写应用程式,要不是选择使用Objective-C + CocoaTouch Framework 撰写iPhone/iPad 应用程式,就是选择Java + Android Framework 撰写Android 应用程式,如果想要同时支援两种平台,势必要维护两套程式码,对于刚起步的小服务而言也算是个小有负担的维运成本。rnrn  使用HTML5, CSS3 来撰写Web-based 的应用程式,若要同时支援iPhone 及Android,几乎只需要维护一份程式码(少部份要因应clients 作修改),而且未来若有其它行动装置拥有支援HTML5 的浏览器,那同样的WebApp 直接就多了一个支援平台。rnrn  Google 的系列服务使用了不少HTML5 中的cache、storage 及database 规格来做到离线存取程式的效果。因为比起桌面应用程式,行动装置的网路连线更不稳定,而且有时在移动中并无网路可以使用,透过这些技术才能让使用者即使在无网路环境下继续使用你的webapp。这说明html5主要服务对象还是给予web的应用,并不会对全部app开发造成威胁,这样有利于不同类型应用使用不同的开发方式,灵活性更强。rnrn 
html5移动开发大全
html5移动开发大全
HTML5移动开发j教程
本书介绍了html5移动开发基本方法,是一本教程类文档
HTML5移动开发实例
使用html5实现移动前台开发,使用c#实现移动后台数据交互
html5结合phoneGap的移动开发
HTML5是HTML下一个主要的修订版本,现在仍处于发展阶段。目标是取代1999年所制定的HTML 4.01和XHTML 1.0 标准,以期能在互联网应用迅速发展的时候,使网络标准达到符合当代的网络需求。广义论及HTML5时,实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。
textarea自动适应高度
无标题文档
textarea 自适应宽度和高度
场景 分析 解决 场景 经常与遇到处理文字域的问题, 需要继承父级的宽度 分析 textarea的宽度不是img那种有单独的width height属性;它是需要单独设置样式的 解决 样式设置 .textarea-inherit { width: 100%; overflow: auto; ...
textarea高度和滚动条问题
我想要的是仅仅有下面代码运行时的效果rn rn rnrnrnrn但加上了rnrn之后,textarea 的高度和滚动条都不符合要求了,rn如何解决??
textarea的高度怎么调
textarea的高度怎么调啊?我只调了宽度是clos 但是高度却不知到。
textarea 高度 设置
rn想文本域高度可以设置,不知道怎么弄好,js 应该没有错误 望大家看看rnabcdefgrnrnrn function addRows()rn var status=document.getElementById("content").rows;rn document.getElementById("content").rows=status+10;rn alert(document.getElementById("content").rows);rn rn rn function deleteRows()rn var status=document.getElementById("content").rows;rn document.getElementById("content").rows=status-10;rn alert(document.getElementById("content").rows);rn
相关热词 c#入门推荐书 c# 解码海康数据流 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池 c#5.0 安装程序 c# 分页算法