精华内容
下载资源
问答
  • 修改input标签提示文本的字体颜色

    千次阅读 2020-01-08 13:56:31
    通过样式修改input标签提示文本的字体颜色
    /*修改提示文字的颜色*/
    
    input::-webkit-input-placeholder { /* WebKit browsers */
    
    color: #aaa !important;
    
    }
    
    input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
    
    color: #aaa !important; 
    
    } 
    
    input::-moz-placeholder { /* Mozilla Firefox 19+ */
    
    color: #aaa !important;
    
    } 
    input::-ms-input-placeholder {    /* Internet Explorer 10+ */  
    
    color: #aaa !important; 
    
    } 
    


     

    展开全文
  • 禁用input文本输入框的自动提示功能

    万次阅读 2017-10-26 15:57:33
    文本输入框的自动提示功能在浏览器中模式是打开的。有时候我们并不需要自动提示功能,例如需要用户自己再次输入而非自动完成。在IE中可以使用工具-内容-自动完成选项进行设置。将input元素的autocomplete属性设置为...

    文本输入框的自动提示功能在浏览器中模式是打开的。有时候我们并不需要自动提示功能,例如需要用户自己再次输入而非自动完成。在IE中可以使用工具-内容-自动完成选项进行设置。

    将input元素的autocomplete属性设置为off可以关闭自动提示

    
    <input type="text" name="name" autocomplete="off">

    如果所有表单元素都不想使用自动提示功能,只需在表单form上设置autocomplete=off。

    
    <form autocomplete="off"> 
        <input type="text" name="name">
        <input type="text" name="password"> 
    </form> 
    展开全文
  • 关闭input文本输入框的自动提示功能

    万次阅读 2012-03-13 12:22:43
    文本输入框的自动提示功能在浏览器中模式是打开的。有时候我们并不需要自动提示功能,例如需要用户自己再次输入而非自动完成。在IE中可以使用工具-内容-自动完成选项进行设置。   将input元素的autocomplete属性...
            文本输入框的自动提示功能在浏览器中模式是打开的。有时候我们并不需要自动提示功能,例如需要用户自己再次输入而非自动完成。在IE中可以使用工具-内容-自动完成选项进行设置。 
    
      将input元素的autocomplete属性设置为off可以关闭自动提示
      <input type="text" name="name" autocomplete="off">
      如果所有表单元素都不想使用自动提示功能,只需在表单form上设置autocomplete=off。

      <form autocomplete="off">
      <input type="text" name="name">
      <input type="text" name="password">
      </form>

      此外,asp.net TextBox控件也提供了 AutoCompleteType 属性,提供了加强版的autocomplete。不仅可以开启和关闭自动提示,还可以按类型自动提示。只要将TextBox的AutoCompleteType设置为“Disable”后,自动完成提示便完全不会出现了。
      <asp:TextBox ID="txtUserName" runat="server" AutoCompleteType="Disabled" Width="150px"></asp:TextBox><
      AutoCompleteType是一个列举类型,其所有支持项目如下:

      成员名称 说明
      BusinessCity 办公地址所在城市类别。
      BusinessCountryRegion 办公地址所在国家/地区类别。
      BusinessFax 办公地址的传真号码类别。
      BusinessPhone 办公地址的电话号码类别。
      BusinessState 办公地址所在州类别。
      BusinessStreetAddress 办公地址所在街道类别。
      BusinessUrl 业务网站的 URL 类别。
      BusinessZipCode 办公地址的邮政编码类别。
      Cellular 移动电话号码类别。
      Company 企业名称类别。
      Department 企业内的部门类别。
      Disabled 为 TextBox 控件禁用自动完成功能。
      DisplayName 为该用户显示的名称类别。
      Email 用户的电子邮件地址类别。
      FirstName 用户名类别。
      Gender 用户性别类别。
      HomeCity 家庭地址所在城市类别。
      HomeCountryRegion 家庭地址所在国家/地区类别。
      HomeFax 家庭地址的传真号码类别。
      Homepage 网站的 URL 类别。
      HomePhone 家庭地址的电话号码类别。
      HomeState 家庭地址所在州类别。
      HomeStreetAddress 家庭地址所在街道类别。
      HomeZipCode 家庭地址的邮政编码类别。
      JobTitle 用户的职务类别。
      LastName 用户的姓氏类别。
      MiddleName 用户的中名类别。
      None 无任何类别与 TextBox 控件相关联。具有相同 ID 的所有 TextBox 控件都共享同一值列表。
      Notes 要包含在窗体类别中的任何补充信息。
      Office 业务办公室所在位置类别。
      Pager 寻呼机号码类别。
      Search 用于搜索网页或网站的关键字类别。
     

    本文来自: 中国自学编程网(www.zxbc.cn) 详细出处参考:http://www.zxbc.cn/a/aspnet/20100601185436.html


    展开全文
  • 总结4:input文本输入框自动提示

    千次阅读 2019-05-06 13:18:47
    <input type="search" class="searchInput" id="companyName" placeholder="企业名称" required="true" style="font-size: 16px;"> ;"> <!--示例...

    1、页面效果

    2、引入CSS/JS

      <link rel="stylesheet" href="css/jquery-ui.min.css">
      <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
      <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

    3、页面布局以及JS

    <div class="searchDiv ui-widget">
            <input type="search" class="searchInput" id="companyName" placeholder="企业名称" required="true"  style="font-size: 16px;">  
            <div id="recList" style="display:none;">
    <!--示例<div class="rec" data-id="ABCY2FJcC4oMDw6Amd3Z1wgDzAvDSFjZnx%2FKB5QLz0wY35wARlUCY0%3D"><span class="highLight">北京</span>市北京饭店</div> -->
            </div>
          </div>
    
    <!-- JS
        使用了H5的input propertychange即时反应
     -->
        $("#companyName").on("input propertychange",function(){
            winner_id = "";
            var count = $.trim(this.value).length;
            if(count > 100){
                this.value = this.value.substring(0,100);
                return;
            }
            if(count == 0){
                $("#search").addClass("disabled");
                $("#recList").hide();
            }else{
                $("#search").removeClass("disabled");
                getRecList(this.value);
            }
        });
    
    function getRecList(entName_key) {
    	var baseUrl = getCtxUrl();
    	$("#recList").html("");
    	$.post(baseUrl+"/getH5CompanyAll",{"companyName":$("#companyName").val()},function(r){
    		if(r){
    			if(typeof (r)!="undefined"){
    				var recList = r;
    				for(var i=0;i<recList.length;i++){
    					var entName = recList[i].companyName;
    					// var id = recList[i]._id;
    					if(entName!="" && entName.length>20){
    						entName = entName.substr(0,20)+"...";
    					}
    					var obj=$("<div class='rec' data-id='' style='text-align: left;'>"+entName.replace(entName_key,"<span class='highLight'>"+entName_key+"</span>")+"</div>");
    					$("#recList").append(obj);
    				}
    			}
    		}
    		$("#recList").show();
    
    		$(".rec").click(function(){
    				if($(this).text()!=""){
    					$("input").val($(this).text());
    					// winner_id = $(this).attr("data-id");
    					$("#recList").hide();
    				}
    		});
    	});
    }
    
    

    4、后端编码

        /**
         * 查询所有企业
            SQL:   select * from company
                    where company_name like '%companyName%'
                    limit 25
         * @return
         */
        @RequestMapping("/getH5CompanyAll")
        @ResponseBody
        public Object getH5CompanyAll(String companyName) {
            return companyService.findList(companyName);
        }

     

    展开全文
  • 文本输入框的自动提示功能在浏览器中模式是打开的。有时候我们并不需要自动提示功能,例如需要用户自己再次输入而非自动完成。在IE中可以使用工具-内容-自动完成选项进行设置。  将input元素的autocomplete属性设置...
  • 主要介绍了jQuery简单实现input文本框内灰色提示文本效果的方法,涉及jQuery针对页面元素的遍历与样式动态操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
  • input文本输入框的type类型

    千次阅读 2018-12-11 18:34:55
    注:form标签为开头,placeholder为提示文字,value=“需要输入的值” form action=“路径”,method="get"固定格式。用form包括内容,否则不能提交。 不同type类型的输入框是不同的: type=“text”...
  • HTML input标签required自定义提示文本

    万次阅读 2018-04-16 10:33:46
    &lt;input type="text" placeholder="username..." required="required" oninvalid="...切记:oninput属性必须添加,否则input输入框第一次为空后,第二次检测不到再次输
  • html input文本输入框的一些总结

    万次阅读 2018-03-12 14:14:47
    input name="key" type="text" id="key" value="关键词" size="30" onmouseover=this.focus();this.select(); onclick="if(value==defaultValue){value...
  • 一、jQuery实现input文本框内灰色提示文本效果   Html代码  html>  head>  meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  title>input testtitle>  script...
  • /*修改提示文字的颜色*/ input::-webkit-input-placeholder { /* WebKit browsers */ color: #ccc !important; } input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc !important; } input...
  • input文本输入框的文字居中处理

    千次阅读 2012-07-18 10:25:48
     非IE的标准浏览器,在对input文本输入框中的文字进行居中时,不必设置line-height。而chrome浏览器在遇到line-height声明时还会产生难看的输入提示线(位置和高度都不好看)。  无论字体设置多大,使用什么字体族...
  • input测试/*reset.css*/body{width:960px;margin:10px auto;padding:0;font:12px/1.5 Arial, Helvetica, ... }/***---测试高度解析,文本居中差异以及提示输入线差异---***/.gb_sear input { font:16px "宋体", ari...
  • NGUI输入文本Input

    千次阅读 2017-12-21 19:11:53
    输入框是再Label的基础上扩展出来的一种组件,主要的用途是接收用户的输入文本,可以输入单行或者多行文本,常用于注册界面的数据校验。 输入框的创建 参考效果: 1)创建一个UISprite作为输入框背景,并...
  • CSS设置input placeholder文本的样式

    千次阅读 2016-11-22 17:29:58
    placeholder是HTML5 input的新属性,英文意思是占位符,它一般表示input输入框的默认提示值。当然我们今天讨论的不是placeholder这个属性,而是设置placeholder的文本样式的选择器。 /* webkit 浏览器*/ #field1::...
  • input标签中直接设置color属性,会发现placeholder的颜色也会跟随改变,若要区分,给placeholder增加-webkit-input-placeholder属性 >input{ width: 100%; height: 100%; position:relative; p...
  • input文本框获取文本内容宽度

    千次阅读 2019-05-31 15:56:38
    不想用多行文本框textarea标签,input单行文本框宽度不够,内容显示不完!怎么办。我想点击文本框显示完内容!找了资料,发现可以比较准确获取文本框内容的宽度,做了个简单的页面! input输入超出宽度在下面DIV...
  • 在html的input文本输入框中,无法正确显示单引号和双引号的问题分类: JavaScript2010-12-08 15:02 4074人阅读 评论(1) 收藏 举报inputhtmljquerychtml 转意:'----单引号"-----双引号网上有很多解决...
  • CSS样式 input标签的文本居中

    万次阅读 2018-09-29 18:02:06
    注意: &amp;nbsp;在input标签中使用text-align属性使文本居中是不可以的, 要想使文本居中,可以通过改变input的内边距进行调整.
  • Flutter组件-Input-TextField-文本输入框 Flutter中文网-处理文本输入 默认情况下,TextField有一个下划线装饰(decoration)。您可以通过提供给decoration属性设置一个InputDecoration来添加...
  • input文本框里面显示提示信息,鼠标点击文本框提示信息自动消失!

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 129,012
精华内容 51,604
关键字:

input文本提示