清空input框的内容

最新推荐文章于 2024-03-21 08:00:00 发布
最新推荐文章于 2024-03-21 08:00:00 发布
阅读量7.6k 收藏 2
点赞数 1
分类专栏： 心得 文章标签： input jquery 


清楚指定的input框中的值
$("input[name=' *** ']").val("").focus(); // 清空并获得焦点
 

 

一键清空input框里的所有内容
 

 <html>
 <head>
  <title></title>
     <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 
<script>   
function delWholeInput(obj) {
    evt = event || window.event;
    if (evt.keyCode.toString() == "8" || evt.keyCode.toString() == "46" ){
        if ($('#' + obj).css('text-decoration') != "none") {
         document.getElementById(obj).value = "";       
        $('#' + obj).css('text-decoration', 'none');
        } 
    }
}</script> 
 </head>
 <body> 
<input type="text" id="t1" style="text-decoration: underline;"  οnkeydοwn="delWholeInput(this);"/> 
 </body>
 </html>


                

        

        

    




    

      

        

            

              
                
                  whh_lydia
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    1
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    2
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
bootstrap中input框清除按钮

				
			

			

				

					07-11
				

			

		

		

			
				
bootstrap input 框 清除 小插件、很简单的一个小的js，引入即可。省时省力。

			
		

	



                

              
                



	

		

			

				
					
Input框后面的“X”实现清除文本框插件

				
			

			

				

					12-14
				

			

		

		

			
				
插件需求：
IE11 在Input框内添加一个“X”，用来点击清除用户输入的数据，个人觉挺好用的，但是其它浏览器不会出现，
特进行插件扩展，实现所有浏览器都能出现“X”

实现原理：
此插件通过查找所有Input框 type="text" 属性 在input 文本框的最后添加一个“X” 

插件环境：
基于jQuery + Bootstrap 

插件使用：
引用 ClearButton 样式
引用 clearbutton 脚本

注意：
样式应该在Bootstrap的样式后面引用，以免被样式覆盖，而没有效果！

			
		

	



                


  
              

                


	

		

			

				
					
输入框禁用状态 可清空输入框如何实现？组件写的

					
最新发布

				
			

			

				

					weixin_62980497的博客
				

				

					03-21
					
					248
					
				

			

		

		

			
				
属性在 input 组件首部和尾部增加显示图标，也可以通过 slot 来放置图标。属性指定是否禁用 input 组件。属性即可得到一个可清空的输入框。

			
		

	





	

		

			

				
					
vue 清空input标签 中file的值操作

				
			

			

				

					10-15
				

			

		

		

			
				
主要介绍了vue 清空input标签 中file的值操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

			
		

	



		

			
		



	

		

			

				
					
java中js代码删除input框

				
			

			

				

					01-20
				

			

		

		

			
				
能动态地删除input框的js代码，在jsp页面点击“删除”按钮，执行相应的js方法，就能删除Input框

			
		

	





	

		

			

				
					
input之怎么清除默认值

				
			

			

				

					01-19
				

			

		

		

			
				
<input name=”username” type=”text” value=”first name.last name” size=”15″ maxlength=”60″ onfocus=”this.value=””>那如果我再把鼠标移开,又出现默认值,而当我输入了之后,则不会出现默认值,又该怎么处理呢?
  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]这样子好像还是有些问题的,当我输入了之后,移开鼠标是不会还原成原来的默认值,可如果我要修改我的输入的话,就不行了.鼠标点上去,input又被清空了
  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]而且版主的只要

			
		

	





	

		

			

				
					
清除input文本框内容

				
			

			

				

					吕小威的博客
				

				

					12-23
					
					1万+
					
				

			

		

		

			
				
清除input文本框内容
效果：

html代码：
<div class="item-input-wrap" >
	 <input type="text" placeholder="建议使用常用手机号"  maxlength="11" id="tel" name="tel">
	 <a href="javascript:;" id="wrap-clear">&l...

			
		

	





	

		

			

				
					
JavaScript 清除输入框input中的内容注意事项

				
			

			

				

					qq_45327886的博客
				

				

					05-08
					
					1万+
					
				

			

		

		

			
				
JavaScript清除input标签中的内容
JavaScript清除标签中的内容

			
		

	





	

		

			

				
					
jquery清空input标签的值,清除标签里面的内容

				
			

			

				

					weixin_43975276的博客
				

				

					10-24
					
					1万+
					
				

			

		

		

			
				
清除input标签的值,可以通过直接将input标签的值设置为空来实现.
 <input id="user" type="text" name="username" placeholder="请输入用户名" required/>

$('#user').val('');//通过val()方法设置value的值

清除标签里面的内容,也可以用和上面类似的原理实现
$('#notify').html('');

但是这样有缺陷,清空的时候只会把里面的内容清空掉,如果里面的内容绑定了事件,事件是没有被

			
		

	





	

		

			

				
					
清空input中的值

				
			

			

				

					然而老干妈早就看穿了一切
				

				

					06-29
					
					9965
					
				

			

		

		

			
				
&lt;input name =“input”id =“input”ref =“clearText”type =“text”class =“i-input text-conten-div el-input__inner”placeholder =“请输入...”&gt;方法：this。$ refs.clearText.value =''效果：...

			
		

	





	

		

			

				
					
学习使用js/jquery获取和清空input的value值

				
			

			

				

					徊忆羽菲
				

				

					11-11
					
					3407
					
				

			

		

		

			
				
学习使用js/jquery获取和清空input的value值一、获取input的值1、通过普通选择器获取2、通过标签选择器获取二、清空input的value值
一、获取input的值
1、通过普通选择器获取
通过类选择器获取：$('.class').val()
通过id选择器获取：$(" #id").val()


2、通过标签选择器获取
$(" input[ name='name' ] ").val()
$(" input[ type='text' ] ").val()
$(" input[ type='

			
		

	





	

		

			

				
					
jQuery获取清空input值的几种方法

					
热门推荐

				
			

			

				

					joe_dev的博客
				

				

					12-13
					
					13万+
					
				

			

		

		

			
				
$('.class').val()
$(" #id").val()$(" input[ name='name' ] ").val()
$(" input[ type='text' ] ").val()
$(" input[ type='text' ]").attr("value")通过选择器选择对应元素.val()清空文本框的值$(" #id").val(“”);如果此时console.log(

			
		

	





	

		

			

				
					
html中重置input标签中的数据的方法，类似于reset

				
			

			

				

					为你，，千千万万遍。。。
				

				

					06-26
					
					1万+
					
				

			

		

		

			
				
这里就是做了类似于reset的功能
1）这是主要界面代码

		用户名：
		 
	
	
		密码：
		 
	
	
		电话：
		 
	
	
		爱好：
		 
	
2）清空循环清空input标签中的数值
var spans=document.getElementsByTagName("input");//获取html中的所有的input标签
	for(var j=0;j<spans.

			
		

	





	

		

			

				
					
input一键删除value值

				
			

			

				

					在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
				

				

					04-11
					
					4394
					
				

			

		

		

			
				
&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"&gt;&lt;title&gt;input一键删除value值&lt;/title&gt;&lt;script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"&am

			
		

	





	

		

			

				
					
删除 el-input 的focus事件

				
			

			

				

					信念之于人，犹翅膀之于鸟，信念是飞翔的翅膀
				

				

					11-15
					
					1026
					
				

			

		

		

			
				
>>>.el-input{
        width: 300px;
        height: 40px;
        background: #FFFFFF;
        border-radius: 4px;
        border: 1px solid #C5C5C5;
        margin-right: 10px
      }
       >>>.el-input__inner{
          height: 4...

			
		

	





	

		

			

				
					
清除文本框的内容html,jquery有什么方法可以清空input值？

				
			

			

				

					weixin_31852627的博客
				

				

					06-03
					
					4397
					
				

			

		

		

			
				
jquery有什么方法可以清空input值？下面本篇文章给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。jquery有什么方法可以清空input值？在jquery中可以使用val()方法清空input的值。方法：先获得input元素对象，然后使用.val("")来清空input文本框的内容。示例：清空内容function clearinput() {$("#myin...

			
		

	





	

		

			

				
					
实现可清空的input和重置按钮

				
			

			

				

					00年女程序员分享自己的学习笔记
				

				

					07-20
					
					7475
					
				

			

		

		

			
				
此时，我们查询完成数据后，把输入框内容清空，点击查询按钮可以查询到所有用户信息。现在我们可以在输入框添加一个可以把输入框数据都清空的按钮，点击按钮输入框内容清空同时查询出所有用户信息。查阅element文档input中有一个可清空输入框，是使用clearable属性得到的...

			
		

	





	

		

			

				
					
Angular formControl表单应用：清除input输入框中的值value

				
			

			

				

					Ahua_Core的博客
				

				

					06-03
					
					2186
					
				

			

		

		

			
				
Angular 表单formControl应用：清除input输入框中的值value需求描述代码实现
需求描述
这次做的是一个与angular formControl表单相关的需求。
用户操作顺序如下：

有一个input输入框
用户在input中输入内容
点击一个button
保存当前内容，并提交至DataBase
清空input输入框中的value，以供下一次输入。

这样的需求很合理。因为在第一次输入后，用户存在后续第二次或者第三次甚至更多次输入提交操作的可能。但总不可能说去不断刷新页面加载一个新的表

			
		

	





	

		

			

				
					
react如何清空input框

				
			

			

				

					07-14
				

			

		

		

			
				
要清空React中的input框，你可以使用受控组件的方式，通过设置state来控制input框的值。当需要清空input框时，只需要将state中对应的值设置为空即可。

以下是一个示例代码片段，演示如何清空React中的input框：

```jsx
import React, { useState } from 'react';

function MyComponent() {
  const [inputValue, setInputValue] = useState('');

  const handleInputChange = (e) => {
    setInputValue(e.target.value);
  };

  const handleClearInput = () => {
    setInputValue('');
  };

  return (
    <div>
      <input type="text" value={inputValue} onChange={handleInputChange} />
      <button onClick={handleClearInput}>Clear</button>
    </div>
  );
}

export default MyComponent;
```

在这个示例中，我们使用了useState来定义一个名为`inputValue`的state，它用于存储input框的值。`handleInputChange`函数用于更新`inputValue`的值，当用户输入时会触发onChange事件。`handleClearInput`函数用于清空input框，它将`inputValue`的值设置为空字符串。

通过这种方式，当用户点击"Clear"按钮时，会调用`handleClearInput`函数将input框的值清空。

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值