透明文本输入框

 代码如下 复制代码

<body style="background:#000">
<style>
.input_search { width:199px; height:16px; border:0px;  font-size:12px; color:#000000;}
.str_seatext {width:230px; height:50px; padding:5px; color:#fff; position:relative; z-index:0;}
.str_seatext div.bj{background:#fff; position:absolute; z-index:-1; left:0; top:0; height:100%; width:100%; opacity:0.3; filter:alpha(opacity=30);}
</style>
<div class="str_seatext">
 name:<input type="text" name="textfield" id="textfield" class="input_search"/>
<div class="bj"></div>
</div>
</body>
时间: 2024-11-10 12:37:50

透明文本输入框的相关文章

将文本输入框的背景设置成透明_经验交流

将文本输入框的背景设置成透明      <input   style="background-color:   transparent">

根据选择不同的下拉值出现相对应的文本输入框

根据用户选择不同的下拉值,出现相应的文本输入框,在某些情况下比较实用,本文为大家写了个,有需求的朋友可以参考下   复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">; <html xmlns="http://www.w3.or

css文本输入框:CSS给文本输入框添加背景图像

  <title>给文本输入框添加背景 - www.cxybl.com</title> <STYLE TYPE="TEXT/CSS"> .bg { background-image:url(bgdemo2.jpg); /*如果想添加你的网站Logo,可将这两行注释启用 background-repeat: no-repeat; background-position: center center; */ } </STYLE> </h

设计手机文本输入框:手机端高效的文本输入框设计

文章描述:"无中生有" 手机端高效的文本输入框设计. 手机端的文本输入受到使用环境.网络状况及设备本身条件的制约,使其用户体验的改良成为一个老生常谈的话题.如:一直在改进的输入法,新输入方式的探索(语音输入),甚至想尽种种办法去避免输入-- 文本输入本身是一个从无到有的过程,是让用户将空白的输入框填满的过程,本文避谈一些尚未经过易用性测试验证的创新设计,从本人的日常积累和实际经验出发,以文本输入框作为设计对象,从帮助用户认知及简化用户操作这两个维度来探究这些看似简单空白的小条能否生长出

一句话限制Flash中所有的动态文本输入框只允许输入数字

动态 刚开始的写法是:function limitToNum(){ if (this.text != "-" && isNaN(this.text)) { this.text = ''; } } a_txt.onChanged = limitToNum; b_txt.onChanged = limitToNum; c_txt.onChanged = limitToNum; ...发现有点繁琐,突然想起'prototype':TextField.prototype.onC

网页设计中文本输入框一些参数说明

  在一般的留言本,论坛等地方都要用到文本输入框,也就是html语言中的textarea,textare包含有众多的参数,学会运用这些参数,就可以随意修改文本输入框的大小和外观,达到你想要的效果,下面就来介绍这些参数,以及如何使用这些参数. 1.cols,垂直列.在没有做样式表设置的情况下,它表示一行中可容纳下的字节数.例如cols=60,表示一行中最多可容纳60个字节,也就是30个汉字.另外要注意的是,文本框的宽度就是通过这个来调整,输入好cols的数值,然后再定义输入文字字体的大小(不定义的

CSS给文本输入框添加背景图像

  title给文本输入框添加背景 - www.cxybl.com/title STYLE TYPE=TEXT/CSS .bg { background-image:url(bgdemo2.jpg); /*如果想添加你的网站Logo,可将这两行注释启用 background-repeat: no-repeat; background-position: center center; */ } /STYLE /head b   <title>给文本输入框添加背景 - www.cxybl.com&

如何让图像域和文本输入框水平居中之类的实现代码

给"文本输入框"和"图像域"都定义一个CSS,   复制代码 代码如下: #text_input { height: 16px; width: 133px; margin-right: 5px; padding:0 0 0 3px; border: 1px solid #CCC; color:#36C; } #img_btn { margin:0 0 -4px 0; padding:0px; } maigin img的时候,记得是margin-bottom;-XXp

“无中生有” 手机端高效的文本输入框设计

手机端的文本输入受到使用环境.网络状况及设备本身条件的制约,使其用户体验的改良成为一个老生常谈的话题.如:一直在改进的输入法,新输入方式的探索(语音输入),甚至想尽种种办法去避免输入-- 文本输入本身是一个从无到有的过程,是让用户将空白的输入框填满的过程,本文避谈一些尚未经过易用性测试验证的创新设计,从本人的日常积累和实际经验出发,以文本输入框作为设计对象,从帮助用户认知及简化用户操作这两个维度来探究这些看似简单空白的小条能否生长出大智慧. 无中生有之"引导词"--帮助用户认知 手机端