bootsrap中的输入框demo1

<!doctype html>
<html >
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
</head>
<body>
<div class="container">
<br/>
<div class="input-group">
<input type="text" class="form-control"/>
<span class="input-group-addon">@qq.com</span>
</div>

</div>
</body>

</html>

时间: 2024-10-26 14:10:00

bootsrap中的输入框demo1的相关文章

iOS上的jQuery.on()冒泡事件绑定 以及 iOS绝对定位元素中的输入框

上周遇到两个坑. 一是jQuery的on方法 事件冒泡,在iOS中有问题. $("body").on("click",".contentup",Reply.replyOneHandler); 上面这句,在iOS中没有反应.百度和Google了下,没有太权威的解释.只是大概说,iOS的冒泡,如果一直没有handler来处理事件,则只会冒泡到body的内层,而不会冒泡到body上.因此,只好加了个children()这么干了: $("bod

bootsrap中的偏移(栅格系统)

在最初学习bootsrap这个框架的时候觉得这个框架中的栅格系统是个做自适应很好的工具,而且开发也很方便,是我接触的第一个前端框架,第一次觉得开发如此的简单,今天看到学妹写了一个后台的界面,虽然用到了bootsrap但是用的不好,有问题,就写下这篇bootsrap的栅格系统的偏移用法 1.在我学网页开发的时候,也遇到过浏览器页面缩小,自己的网页就变形,各种div被挤到别的位置,后来虽然把width给写死了,甚至加上了min-width和max-width属性但是始终不理想,直到我遇到了boots

移动端 mui框架中input输入框或任何输入框聚焦后页面自动上移

一.mui框架中点击input后,安卓手机弹出自带的输入键盘时,页面自动上移 实现方法: (1)只要把input标签放在mui-content这个类里面就可以了 <div class="mui-content"> <input .../> </div> 注意:在有些情况下不适用,当把input标签放入mui-scroll中就不行了,也就是说mui-content和mui-scroll同时存在时不适用 <div class="mui-c

bootstrap 的modal中popover操作时,弹窗中的输入框,按钮不能聚焦

本地894行 Modal.prototype.enforceFocus = function () { $(document) .off('focusin.bs.modal') // guard against infinite focus loop .on('focusin.bs.modal', $.proxy(function (e) { if ($(e.target).parents('.popover').length > 0) return;//mod by xss modal上pop

几种设置表单元素中文本输入框不可编辑的方法

1.blur代码: <input type="text" value="fisker" onclick="alert(this.value);" onfocus="this.blur()" /> 输入框无法获得焦点,不能编辑 表单可以获得值. 可以复制. 蛮奇怪的,都选住了,还没有获得焦点? 2,readonly    代码: <input type="text" value="

CSS中input输入框点击时去掉外边框方法【outline:medium;】----CSS学习

CSS 中添加 outline:medium; JS 控制焦点: $("#CUSTOM_PHONE").focus(function(event){ // this.attr("border","none"); $("#CUSTOM_PHONE").css('border-bottom','1px solid #3BC2B5'); }); $("#CUSTOM_PHONE").blur(function(e

Android中限制输入框最大输入长度

通常情况下只需要在布局文件中加入maxlength这一属性即可 1 <EditText 2 android:inputType="text" 3 android:singleLine="true" 4 android:maxLength="16" 5 android:hint="请输入密码" 6 android:layout_width="match_parent" 7 android:layout_

HTML5中的输入框

1.双引号 <input type="text"/> 2.单引号 <input type='text'/> 3.无引号 <input type=text/> 上面三种情况是等价的

关于微信手机端IOS系统中input输入框无法输入的问题

把-webkit-user-select:none改成-webkit-user-select:auto;覆盖掉或者直接注释掉就行! 别人家的博文:http://blog.csdn.net/rosemarrytop/article/details/53265568