设置默认值；this.defaultValue

最新推荐文章于 2021-08-17 10:42:51 发布
转载 最新推荐文章于 2021-08-17 10:42:51 发布 · 3.6k 阅读 · 1

本文介绍了一种在网页中使用HTML和JavaScript设置输入框默认显示值的方法，并通过CSS样式来区分默认值与用户输入的内容。这种方法能提升用户体验，使用户在开始输入前清楚地知道应该填写什么内容。 
<pre class="html" name="code"><input type="text" name="coursename_add" size="30" class="gray"  value="设置的默认值" 
       onfocus="if(this.value==defaultValue){
           this.value='';this.className='black'
       }"                                                                          //当点击输入框的时 清除默认值，输入的字体为黑色
        onblur="if(!value){this.value=defaultValue;this.className='gray'}"/>        //当输入框没输入文字时  光标离开输入框  又变回默认值



 
 
.black
{
color:#000;
}
.gray
{
color:#666;
}


                

        

    


  



    



                



	

		

			

				
					
深入解析Spring中的@Value注解：灵活配置与默认值设置的最佳实践

				
			

			

				

					m0_74824865的博客
				

				

					01-06
					
					1133
					
				

			

		

		

			
				
在Spring框架中，@Value注解是一个非常有用的特性，它允许你将外部的值（如配置文件中的值）动态地注入到你的bean属性中。这对于配置数据库连接信息、服务URL、以及其他需要在运行时动态改变的设置非常有用。

			
		

	



                

            
              



	

		

			

				
					
antd TimePicker.RangePicker 如何设置默认值？双向绑定？

				
			

			

				

					Dark_programmer的博客
				

				

					07-09
					
					7242
					
				

			

		

		

			
				
查看antd官方API可知，默认值使用defaultValue，绑定值使用value.
此处仅展示react使用该组件，用value双向绑定方式
首先安装插件moment

yarn add moment -S

组件内使用：
import moment from 'moment'
...
state = {
	// 定义变量存储
	startTime:new Date().getTime(),  //  当前时间 
	endTime:new Date().getTime()+ (30 * 60 *1000

			
		

	



              


  
              

                


	

		

			

				
					
C# 方法中的常见关键字(如:this,default etc.)

				
			

			

				

					lsk_jd的专栏
				

				

					04-02
					
					784
					
				

			

		

		

			
				
先看下面的代码：public static class StringExtension{ public staticvoid Foo(this string s) {  Console.WriteLine("Foo invoked for {0}",s); }}为什么这里会有一个this关键字，做什么用？其实这就是扩展方法！这个扩展方法在静态类中声明，定义一个静态方法，其中第一个参数定义可它的扩展类型。Foo()方法扩展了String类，因为它的第一个参数定义了String类型，为了区分扩展方法和一般的静态

			
		

	





	

		

			

				
					
浅解js中的defaultValue

				
			

			

				

					陈培泓
				

				

					05-10
					
					1万+
					
				

			

		

		

			
				
在我们实现当鼠标移动到该处是文本框初始值置为空，当鼠标离开时，如果没有在该文本框输入信息时，文本框恢复到初始值时需求时。可以用下面的一行代码实现：
 js代码：
   $(".account").focus(function(){
        $(this).val("");
    });
    $(".account").blur(function(){
        $val=$(th

			
		

	



		

			
		



	

		

			

				
					
HTML DOM defaultValue 属性

				
			

			

				

					weixin_33700350的博客
				

				

					11-05
					
					161
					
				

			

		

		

			
				
定义和用法defaultValue 属性设置或返回文本框的初始内容。注释：文本框的初始值是位于 &lt;textarea&gt; 和 &lt;/textarea&gt; 标签之间的文本。在表单被重置时，文本框将被恢复为整个值。改变这个属性的值会改变文本框中当前显示的文本。语法:textareaObject.defaultValue=text实例1:下面的例子提示出了文本框的默认值：

&lt;...

			
		

	





	

		

			

				
					
C#中DefaultValueAttribute的使用

				
			

			

				

					如果有一天...
				

				

					10-22
					
					1万+
					
				

			

		

		

			
				
首先说明：
DefaultValueAttribute是指定属性 (Property) 的默认值。
命名空间:System.ComponentModel
程序集:System（在 system.dll 中）

比如我们这样写：

    public class PrintInfo
    {
        [DefaultValue(typeof(string), "555")]

			
		

	





	

		

			

				
					
C#小知识特殊的DefaultValueAttribute

				
			

			

				

					wgmes的博客
				

				

					11-10
					
					583
					
				

			

		

		

			
				
今天看别人写的源码发现一个特殊的DefaultValueAttribute。使用如下。
原始代码：
public class People
        {
            private string _Name = "小明";

            public string Name
            {
                get { return _Name; }
                set { _Name = value; }
            

			
		

	





	

		

			

				
					
org.springframework.boot.context.properties.bind.DefaultValue 值

				
			

			

				

					03-31
				

			

		

		

			
				
org.springframework.boot.context.properties.bind.DefaultValue 值是一个注解，它可以指定在属性绑定时所使用的默认值。当属性的值为null时，如果指定了DefaultValue值，那么就会使用DefaultValue的值作为属性的值...

			
		

	





	

		

			

				
					
element-ui中的select下拉列表设置默认值方法

				
			

			

				

					10-18
				

			

		

		

			
				
 value: 'option1' // 设置默认值为黄金糕对应的value值  };  } };  ```  在上面的代码中，我们定义了一个名为`options`的数组，其中包含了多个对象，每个对象都有`value`和`label`属性，分别用来表示每个选项的值和...

			
		

	





	

		

			

				
					
[DefaultValue("admin")] // 设置默认值

				
			

			

				

					08-14
				

			

		

		

			
				
 注意：DefaultValue特性仅用于在属性窗口显示默认值（设计时），并不会实际设置属性的初始值。因此，我们需要在构造函数中设置相同的初始值。   例如，我们想要为AccountText属性设置默认值"admin"：  步骤：  1. ...

			
		

	





	

		

			

				
					
HTML DOM defaultValue 属性

				
			

			

				

					nihousheng的专栏
				

				

					12-23
					
					587
					
				

			

		

		

			
				
//文本框
  $(":text,:password").focus(function()
{
    var textHTML =
$(this).val();
    if (textHTML ==
this.defaultValue) {
     
$(this).val("");
    }
  }).blur(function() {
    var textHTML =
$(this

			
		

	





	

		

			

				
					
C#中默认值DefaultValueAttribute的误解

				
			

			

				

					匠工
				

				

					08-17
					
					1693
					
				

			

		

		

			
				
为了处理类中成员属性的默认值，误以为使用DefaultValueAttribute可以简化解决， 最终发现是错误的

命名空间：using System.ComponentModel;


using System.ComponentModel;
public class DemoModel
{
    [DefaultValue("0000")]
    public string st_no { get; set; };
}

经测试发现st_no 的默认值仍为NULL值。

查阅之后 ，才发现理解..

			
		

	





	

		

			

				
					
Dom中的defaultValue

				
			

			

				

					weixin_34163553的博客
				

				

					08-23
					
					117
					
				

			

		

		

			
				
Dom中的defaultValue到底有设么用：
1.在form标签中的input控件的初始值，当触发reset事件时（通过<input type="reset"/>或者dom事件）表单中的值将会设置为次defaultValue的值。
2.判断表单中的值是否被改变，即用户是否修改了表单，知道用户是否改变表单可以为用户提供有用提醒。
defaultValue与...

			
		

	





	

		

			

				
					
ant-design-vue 数据字典 select 组件封装

				
			

			

				

					qq_36437172的博客
				

				

					12-07
					
					3529
					
				

			

		

		

			
				
对于前后端协商形成的key-value数据字典功能，可以通过平台维护该数据字典功能，也有可以通过前端自行添加枚举值统一配置。

一、前端维护枚举值

首先，我们在配置文件中，配置枚举值信息。


// src/components/Dictionary/config/index.js
export const riskGrade = [
  { name: '好', value: 3 },
  { name: '一般', value: 2 },
  { name: '差', value: 1 },
]
..

			
		

	





	

		

			

				
					
input输入框

				
			

			

				

					wwppp987的博客
				

				

					07-20
					
					260
					
				

			

		

		

			
				
input输入框中的灰色初始值的显示
方法/步骤
方法一：HTML5方法：IE等部分浏览器不兼容，placeholder="初始值"
方法二：
<div class="blockcode"><blockquote><input value="初始值" onFocus="if(value==defaultValue){value='';this.style.color=...

			
		

	





	

		

			

				
					
defaultValue与value、placeholder的区别 (react.js)

					
热门推荐

				
			

			

				

					宁静致远
				

				

					05-17
					
					2万+
					
				

			

		

		

			
				
1.value

某些表单元素的设定值。

例如&lt;input&gt; 标签的 value 属性



2.defaultValue

defaultValue 属性可设置或返回文本域的默认值。

注意： 该默认值是规定于 HTML "value" 属性的值。

返回 defaultValue 属性：

textObject.defaultValue

设置 defaultValue 属性：
...

			
		

	





	

		

			

				
					
defaultValue浅解

				
			

			

				

					做最好的自己
				

				

					01-11
					
					9452
					
				

			

		

		

			
				
1.defaultValue为JavaScript DOM对象,不能直接在Jquery对象中使用,必须先转化为DOM对象;
2.defaultValue对于input type="text/hidden" 为标签上的value值,并非原始值,如果通过JS修改了value值,则对象的defaultValue也会改变;

案例分析:想实现修改表单,提交的时候只需提交修改的字段
function

			
		

	





	

		

			

				
					
可以在 _renderTreeList(list = [], rank = 0, parentId = [], parents = []) {
      list.forEach(item => {
        this.treeList.push({
          ...item,
          id: item[this.valueKey],
          name: item[this.labelKey],
          source: item,
          parentIdNub: item.parentId,
          parentId,
          parents,
          rank,
          showChild: false,
          needShowChild: this.openAll ? this.openAll : (item.needShowChild ?? false),
          open: false,
          needOpen: this.openAll ? this.openAll : (item.needOpen ?? false),
          show: rank === 0,
          hideArr: [],
          orChecked: this.defaultValue.some(obj => obj == item[this.valueKey]) ? true : item.checked ? true : false,
          checked: this.defaultValue.some(obj => obj == item[this.valueKey]) ? true : item.checked ? true : false,
          disabled: item.disabled ?? false,
          isParent: Array.isArray(item[this.childrenKey]) && item[this.childrenKey].length > 0,
          irrevocable: this.irrevocableAll ? this.irrevocableAll : (item.irrevocable ?? false),
          indeterminate: false,
          hasLoadedChildren: !!item.children?.length, // 已有子节点视为已加载
          loading: false // 加载状态
        })

        if ((Array.isArray(item[this.childrenKey]) && item[this.childrenKey].length > 0) || item.showDownIcom) {
          const parentid = [...parentId]
          const parentArr = [...parents]

          parentid.push(item[this.valueKey])
          parentArr.push({
            [this.valueKey]: item[this.valueKey],
            [this.labelKey]: item[this.labelKey]
          })

          this._renderTreeList(item[this.childrenKey], rank + 1, parentid, parentArr)
        } else {
          this.treeList[this.treeList.length - 1].lastRank = true
        }
      })
    },中以现有的逻辑处理么

					
最新发布

				
			

			

				

					11-19
				

			

		

		

			
				
checked: this.defaultValue.some(obj => obj == item[this.valueKey]) ? true : item.checked ? true : false, ```  这行代码是“静态判断”——只看当前节点是否在 `defaultValue` 中，**不考虑它的子节点是否加载...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值