实现包含“确定”按钮的输入框

原创 2013年12月03日 22:56:54

假设我们有一个供输入的span标签:

<span class="text">

                             <div class="put">请输入:&nbsp;&nbsp;</div>

                        <divclass="input">

                        <inputtype="text" name="putClothNo" id="putClothNo"/>

                                 <span class="yes">确定</span>

                        </div>

                    </span>

那么我们的css样式应该是这样:

         /*整个span标签*/

         .text{width:500px; text-align:left; padding-left:10px; background:none;}

         /*设置这个span标签中input标签的属性这里的padding-right设置主要是为了空出位置给后面的“确定”按钮*/

         .textinput{width:200px; height:20px; padding-right:10px;}

         /*将class为input的div设置为相对定位时的父容器*/

         .text.input{ width:auto; height:100%; float:left; margin-top:3px;position:relative;}

         .text.put{ width:auto; height:100%; float:left;}

         /*设置“确定”按钮相对定位*/

         .text.yes{ font-size:10px; position:absolute; top:1px; left:171px; width:30px;background:#CCC; height:20px; line-height:20px;}

 

 

这里主要是用了相对定位来使“确定”按钮相对父容器定位,达到“确定”按钮处于input标签内部的效果。

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

Swift - 生成各种控件的工厂类(包含标签,按钮,输入框等)

在iOS开发中,页面里有时会大量的用到一些控件,如果要一个个单独创建再设置样式的话就显得很麻烦。我们可以创建一个生成各种控件的工厂类,这样在需要的时候调用下就可以了。 下面以一个自定义的工厂类为例,...

jquery十几行代码实现输入框自带清除按钮

在很多网站上的输入框会自带输入清除按钮,点一下就清除输入框的内容,非常方便。 网上找了很多代码,不是兼容性不好就是实现很麻烦,自己就花十几分钟,把这个功能实现了。 当输入框没有文字的时候不显示清除...

Android-带清除按钮的输入框实现

第一次决定开始写博客,记录下自己的程序员学习生活,一方面锻炼下自己,一方面也是为了督促自己,因此,写博客,不为明志,只为记录我那程序员生涯。 很早之前写过一篇《Android_自定义EditText...

Android 自定义View--实现带有按钮点击效果的自动补全输入框(搜索框)

Android中自定义实现一个简单的搜索框

android中EditText点击右边叉叉按钮(或图片)清除输入框内的文字的实现

如题,此功能用到的较多,实现的方法也不难,这里只提供了一种思路。

带增、减按钮的输入框

  • 2011-05-25 22:26
  • 19KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)