<html>
<head>
<title></title>
<script type="text/javascript" src="./jquery-1.3.2.min.js"></script>
<script language="javascript">
var maxHeight=200;
var minHeight=20;
$(document).ready(function() {
$("#add").click(function(){
//alert(w);
var w=$("#div2").height();
$("#div2").height(w*1+23);
if(w>minHeight&&w<maxHeight){
//alert("Div height:"+$("#div1").height());
$("#div1").height(w*1+25);
}
$("#div2").append("<input type='text' name='111'><br>");
});
$("#decrease").click(function(){
//alert(w);
var w=$("#div2").height();
if(w>minHeight&&w<maxHeight){
//alert("Div height:"+$("#div1").height());
$("#div1").height(w*1-25);
}
$("#div2 br:last").remove();
$("#div2 input:last").remove();
$("#div2").height(w*1-23);
//$("#div2").append("<input type='text' name='111'><br>");
});
});
</script>
</head>
<body>
<input id="add" type="button" value="添加" > <input id="decrease" type="button" value="减少" >
<div id="div1" style="width:260px;height:20px; overflow:auto; border:1px solid;">
<div id="div2"></div>
</div>
<p>我们正在测试</p>
</body>
</html>
分享到：
相关推荐
"ios-自适应高度tableView表单.zip" 提供了一个示例项目，旨在演示如何在iOS应用中创建一个能自适应高度的表格视图，这在处理表单或者包含多种不同类型内容的列表时特别有用。该项目的GitHub链接是，由开发者...
在iOS应用开发中，用户界面的设计至关重要，尤其是涉及到与用户交互的部分，如输入栏。当用户需要在设备上输入信息时，键盘的弹出和隐藏会显著影响用户体验。标题“iOS_输入栏自适应键盘的高度”揭示了一个关键的UI...
JS实现自适应高度表单文本框的方法主要包含以下几个核心知识点： 1. 自适应高度的概念：在网页设计中，自适应高度是指某些元素的高度能够根据其内容的多少自动调整，以适应内容量。在本例中，文本框的高度需要根据...
总的来说，"自适应键盘高度，键盘脚手架"是移动应用开发中的重要实践，它涉及到用户交互设计、前端布局策略以及跨平台的兼容性问题。理解和掌握这一技术，对于提高应用的用户体验至关重要。开发者可以通过学习相关...
在网页设计中，用户体验往往起到决定性的作用，而Select元素是网页表单中常见的交互组件，用于用户选择预设的选项。本知识点将详细介绍如何实现一个个性化、长宽可自适应的Select下拉菜单，以及涉及到的核心CSS技术...
首先，我们来关注高度自适应的问题。在 `layer` 中，当弹出层的内容动态改变时，我们可能希望弹出层的高度能够自动调整以适应内容的大小。`layer` 提供了一个方法 `iframeAuto` 来实现这个功能。在成功打开弹出层后...
在网页设计中，表单是不可或缺的元素，用于收集用户信息、进行数据交互或执行特定操作。本项目通过结合JavaScript（Js）和层叠样式表（CSS）技术，实现了美化的超级漂亮的表单效果，为用户提供更加友好和吸引人的...
标题“input 宽度自适应”涉及到的是网页表单元素中输入框（`<input>`）的宽度动态调整问题。在网页设计中，为了提供良好的用户体验，有时候需要让输入框的宽度根据用户输入的内容长度自动调整，即宽度自适应。这种...
自适应设计通常涉及到CSS（层叠样式表）和媒体查询的使用。CSS负责定义页面的样式和布局，而媒体查询则允许开发者根据设备的特性，如宽度、高度、分辨率等，来应用不同的样式规则。这样，当用户在小屏幕设备上查看时...
自适应表单是AEM中的一个特色功能，允许创建高度互动且适应不同设备的表单。这些表单可以捕获用户数据，并通过工作流将这些数据整合到业务流程中。表单数据的提交通常涉及验证、处理、存储以及可能的后续操作，如...
下面我们将深入探讨这个模板涉及到的关键技术和知识点。 1. HTML手机电脑网站：模板基于HTML（超文本标记语言），这是一种用于构建和呈现网页的标准标记语言。HTML5是当前最流行的版本，它提供了许多新特性，如语义...
总的来说，这个《H264_html手机网站_网页源码移动端前端_H5模板_自适应响应式源码.zip》是一个完整的移动网站开发解决方案，融合了HTML5、CSS3和JavaScript的优势，实现了高度自适应的用户体验，特别适合需要创建...
自适应企业网站模板 v2.0很可能提供了高度可定制的选项，包括颜色方案、字体选择、布局调整等，使开发者或非技术人员可以根据自己的品牌和需求进行个性化设置。 七、易用性与无障碍性 考虑到用户体验，模板应遵循...
让我们详细了解一下其中涉及到的知识点。 首先，HTML（HyperText Markup Language）是网页的基础结构语言，用于定义网页内容的布局和意义。在移动设备上，HTML5引入了许多新特性，如离线存储、媒体元素、表单控件等...
这通常涉及到使用媒体查询（Media Queries）和其他响应式设计技术，以确保在不同分辨率和屏幕尺寸的设备上都能正常显示。此外，前端开发还可能涉及HTML5、CSS3和JavaScript的使用，以实现动态效果、交互性和页面性能...
5. **JavaScript**：虽然标签中未明确提及，但在HTML5自适应网站中，JavaScript通常用于增强用户体验，如表单验证、动态加载内容、动画效果等。在移动设备上，可以利用jQuery等库简化跨浏览器的JavaScript开发。 6....
在这个资源包中，CSS源码可能是关键部分，因为它涉及到"自适应"设计。自适应网页设计允许网页根据用户设备的屏幕大小和方向进行调整，确保在不同设备上都能提供良好的用户体验。CSS3引入了媒体查询（@media rule），...
预定系统通常会涉及表单提交，用于收集用户信息和预订详情；目的地介绍可能使用图片轮播或滑块组件来展示美丽的风景照片；旅游套餐展示则可能采用卡片式布局，方便用户浏览和比较；用户评价部分可能会有评分和评论...
自适应设计通常涉及到预先定义的不同屏幕尺寸下的布局模式，网站会根据用户设备的屏幕大小自动切换到最适合的布局。响应式设计则更进一步，它不局限于预设的布局，而是通过CSS3的媒体查询（Media Queries）来检测...
总结来说，"H945_html网站模板"结合了HTML5、CSS3和JavaScript的最新技术，打造出一款高度自适应的移动端前端源码。对于开发者来说，这不仅是一个可以直接使用的工具，也是一个学习和借鉴的优秀案例，帮助他们更好地...