html中怎样让文本框里的值保持不变且不能再此输入

最新推荐文章于 2023-05-05 11:19:21 发布
最新推荐文章于 2023-05-05 11:19:21 发布
阅读量2.6k 收藏 2
点赞数 1
分类专栏： html 文章标签： html中怎样让文本框里的值保持不变且不
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yulongkuke/article/details/46706735
版权 
html中怎样让文本框里的值保持不变且不能再此输入

1.<input type="text" readonly="readonly"  />   
 这个是不能输入的  readonly="readonly"光标可以点进去
2.<input type="text"  disabled="disabled"  />
这个 不能输入 disabled="disabled"  连光标都点不进去

                

        

        

    




    

      

        

            

              
                
                  yulongkuke
                
              
            

            

                关注
              
            

        

        

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

      

      

            

                专栏目录
          










                



	

		

			

				
					
使用Jquery实现点击文字后变成文本框且可修改

				
			

			

				

					10-24
				

			

		

		

			
				
当用户点击这段文字时，我们将替换这个元素为一个`<input type="text">`文本框，用户可以在此输入或修改文本。当用户完成编辑并失去焦点（blur）时，我们将文本框的内容更新回原始的`<p>`元素。以下是相关的jQuery...

			
		

	



                

              
                



	

		

			

				
					
文本框属性

				
			

			

				

					06-29
				

			

		

		

			
				
在探讨HTML中的`<textarea>`标签及其属性时，我们深入解析了如何利用这些特性来创建功能强大且美观的多行文本输入区域。`<textarea>`是网页设计中不可或缺的一部分，尤其在表单中用于接收用户输入的大量文本，如评论...

			
		

	



                


  
              

                


	

		

			

				
					
html怎样可是使文本框内容不可修改

				
			

			

				

					weixin_33825683的博客
				

				

					11-15
					
					978
					
				

			

		

		

			
				
html怎样可是使文本框内容不可修改
&lt;input type="text" readonly="readonly" onfocus="alert('我还有焦点事件!');" /&gt;
&lt;input type="text" disabled="disabled" onfocus="alert('看看还有没有焦点事件?');"   /&gt;.

			
		

	





	

		

			

				
					
html怎么办文本框固定,【求助】页面求助 文本框相对固定_html/css_WEB-ITnose

				
			

			

				

					weixin_42386033的博客
				

				

					06-09
					
					708
					
				

			

		

		

			
				
现在 有一个文本框和一个table 在同一个(这是个弹出窗口，点击后弹出该DIV)由于table内很多行 所以导致弹出的窗口有垂直滚动条，当滚动条滚动时 文本框也会随之滚动希望可以做到只有table数据随之滚动，文本框在最上面固定 需要怎么做呢？回复讨论(解决方案)position:fixed?position:fixed? 不太对， 这个属性是对于整个页面固定的  而我要的是一个div里的另一个...

			
		

	



		

			
		



	

		

			

				
					
html button控件 非活性

				
			

			

				

					dongxiukun4的专栏
				

				

					03-25
					
					6043
					
				

			

		

		

			
				
html>
 
  Login
  
  
 
 
  
   
    
     用户名：
    
    
     
    
   
   
    
     密  码：
    
    
     
    
   
   
    
     button" name="submit" style="width: 50px;

			
		

	





	

		

			

				
					
uniapp h5中输入框输入时，会将内容顶上去的解决方案

				
			

			

				

					博客简介
				

				

					05-05
					
					5261
					
				

			

		

		

			
				
h5中输入框输入时会导致键盘将页面顶上去，本文章写了完整的解决方案，以及思路提供参考
（监听键盘的打开和关闭事件）

			
		

	





	

		

			

				
					
模拟输入框光标

				
			

			

				

					小漠007的专栏
				

				

					02-15
					
					3281
					
				

			

		

		

			
				
这个问题其实百度一下一堆答案。

可是为啥我这里还是写一遍呢？

百度到的都只是说用css动画模拟光标闪动
	光标闪动只是贯标的一部分功能
	还缺少和鼠标的交互
	还有光标应该是占位的同时是脱离文档的（不影响其他兄弟节点的布局）


CSS动画

百度到的css 闪动动画


   @keyframes cursor-blinks {
            0% {
                opacity: 1;
                display: block;
          

			
		

	





	

		

			

				
					
js正则表达式限制文本框只能输入数字,小数点,英文字母.pdf

				
			

			

				

					11-11
				

			

		

		

			
				
### 正则表达式在JavaScript中的应用：限制文本框输入  #### 一、概述  本文档探讨了如何利用JavaScript中的正则表达式来限制HTML表单中的文本框只能输入特定类型的字符，例如数字、小数点及英文字母等。通过不同的...

			
		

	





	

		

			

				
					
只读文本框

				
			

			

				

					11-01
				

			

		

		

			
				
在此示例中，虽然用户不能修改文本框中的内容，但是该文本框中的值仍然可以作为表单的一部分被提交。这对于需要展示一些基本信息而又不想让用户误操作的情况非常有用。  #### 四、`disabled` 与 `readonly` 的区别  ...

			
		

	





	

		

			

				
					
AngularJS修改model值时,显示内容不变的实例

				
			

			

				

					10-18
				

			

		

		

			
				
当在文本框中输入文字时，`name`的值会自动更新，并在`<span>`中通过双大括号`{{ }}`语法显示出来。  接下来，我们尝试给应用添加一个名字为`myApp`的模块：  ```html <!DOCTYPE html> <html>   ...

			
		

	





	

		

			

				
					
html按钮点击保留表单数据,如何在点击提交后在html表单中保留输入的数据

				
			

			

				

					weixin_34742806的博客
				

				

					06-04
					
					3400
					
				

			

		

		

			
				
我在html页面中有一个表单，在点击提交按钮后最终被清除。我想知道如何在点击提交后将数据保留在表单中，以防用户需要修复任何错误。任何帮助，将不胜感激！如何在点击提交后在html表单中保留输入的数据下面是HTML代码： Name: Last Name: Address: Postcode:，这里是JavaScript代码：function validate() {var firstname = do...

			
		

	





	

		

			

				
					
限制HTML的文本输入框只能输入数字的4种方法

					
热门推荐

				
			

			

				

					空白_回忆的博客
				

				

					11-01
					
					2万+
					
				

			

		

		

			
				
限制HTML的文本输入框只能输入数字的4种方法1. keydown   通过阻止事件往keypress传播，来禁止非数字字符在文本框显示。 &lt;html&gt;  
&lt;head&gt;  
&lt;script type=&quot;text/javascript&quot; src=&quot;jquery.js&quot;&gt;&lt;/script&gt;  
&lt;script ty

			
		

	





	

		

			

				
					
input text文本框自动保存

				
			

			

				

					牟云飞的博客
				

				

					08-17
					
					1083
					
				

			

		

		

			
				
文本框变更，进行其他操作不能触发focus、chang操作，以及进行ctrl+v操作之后，直接点下一步按钮，为了修复文本框无法及时保存问题，通过增加对相关的文本框增加focus、blur、mouseout、paste、keydown五个事件进行修复。paste：保存操作，用于获取粘贴板数据进行保存+文本框变色，这里不能用ctrl+v做keydown监听，这是没有数据变更，还是旧数据，监听paste。keydown：监听键盘，用于获取回车，用于保存和文本框变色。blur：失去焦点事件，用于保存+文本框变色。.

			
		

	





	

		

			

				
					
HTML常用标签及其属性

				
			

			

				

					wangkai2580的博客
				

				

					07-11
					
					5141
					
				

			

		

		

			
				
HTML的常用标签

			
		

	





	

		

			

				
					
让HTML文本框textarea里的换行等格式用js保留下来

				
			

			

				

					ITX2000的专栏
				

				

					01-28
					
					4992
					
				

			

		

		

			
				
让HTML文本框textarea里的换行等格式用js保留下来








启用转换输出

请在上面文本框录入带HTML标记的文本测试！

/**********************************************************
* author Tang Guohui, created: 2007-12-9 12:30:15
****

			
		

	





	

		

			

				
					
html怎么设置文本框里的值是透明的，输入的时候自动消失

					
最新发布

				
			

			

				

					06-10
				

			

		

		

			
				
您可以在HTML中使用placeholder属性来实现文本框中输入时自动消失的效果。placeholder属性可以在文本框中显示一段提示性的文本，当用户点击文本框并开始输入时，该提示文本会自动消失。

此外，您可以使用CSS来设置文本框的颜色透明。您可以将文本框的背景颜色设置为透明，如下所示：

```css
input[type="text"] {
  background-color: transparent;
}
```

这样就可以将文本框的背景颜色设置为透明了。完整的示例代码如下：

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Transparent Textbox</title>
    <style>
      input[type="text"] {
        background-color: transparent;
      }
    </style>
  </head>
  <body>
    <input type="text" placeholder="请输入内容">
  </body>
</html>
```

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值