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

原创 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标签内部的效果。

html实现确认和取消按钮

在填写表单的时候,有时候需要设置确认和重填的功能,可以借助JavaScript来实现。 就像这样,点击重填后,弹出确认框。   重填" onclick="return confirmReset(...
  • yichangzxc
  • yichangzxc
  • 2016年05月19日 01:19
  • 2364

在ListView中添加Button并且自定义布局和获取输入框中值的方法

代码: package com.example.comment; import android.os.Bundle; import android.util.Log; import java....
  • qq_29979589
  • qq_29979589
  • 2015年12月18日 14:48
  • 371

Android输入框带删除按钮的自定义View

package com.aiitec.widgets; import android.content.Context; import android.graphics.Bitmap; import ...
  • sinat_17623745
  • sinat_17623745
  • 2016年08月11日 16:54
  • 533

js输入框与清空按钮联动

输入框清空按钮 /** * 校验当前输入框的值,如果不为空显示清空按钮 * @param ele...
  • wow4464
  • wow4464
  • 2016年09月09日 09:10
  • 1698

当在文本框中输入完毕后,敲回车就相当于按确定键!回车的使用方法收集

当在文本框中输入完毕后,敲回车就相当于按确定键! //-------------delphi 二种方法: 1、在OnKeyPress事件中判断回车键; 2、响应文本框中的OnValidate事件。 哪...
  • ventry
  • ventry
  • 2006年03月02日 16:36
  • 5535

JavaScript实现点击按钮弹出输入框,点确定后添加li组件到ul组件里

 Mobile Cookbook                              metting         读书     ...
  • u014427391
  • u014427391
  • 2015年10月08日 20:59
  • 1860

Android开发之将Edittext输入弹出的软键盘设置搜索确定键。详细代码,已验证可用。

1,首先在布局中添加:android:imeOptions="actionSearch 2,然后java代码中设置代码:et_input_password.setOnEditorActionList...
  • qq_21376985
  • qq_21376985
  • 2016年05月04日 17:39
  • 5552

CSS 设置按钮,文本输入框

CSS3 制作按钮和文本输入框
  • DJL123DJL
  • DJL123DJL
  • 2015年06月23日 20:05
  • 945

解决html页面中含有input输入框fixed布局底部按钮在Android和ios中被弹起的问题

html页面在安卓或ios中fixed 页面底部的按钮常常会被弹起,如图,当input获取焦点唤起软键盘的时候,下一步按钮被悬在半空中,那么如何解决呢? 起初,顶部餐饮商家头部是fixe...
  • ZHIYUANfL
  • ZHIYUANfL
  • 2017年12月14日 13:44
  • 250

在Dialog中button与回车键

在Dialog中button与回车键   1,  如果该Dialog中,某个button拥有focus,则敲回车键时会响应该按钮; 注:button拥有focus的方法: (a)使用Tab键切...
  • ccfxue
  • ccfxue
  • 2016年03月18日 13:28
  • 2000
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:实现包含“确定”按钮的输入框
举报原因:
原因补充:

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