HTML | DOM Textarea cols 属性

DOM Textarea cols 属性用于设置或返回textarea 字段的cols 属性值。 cols 属性应该在一行中容纳多少平均宽度的字符。

句法：

• 它用于返回 cols 属性。

  textareaObject.cols

• 它用于设置 cols 属性：

  textareaObject.cols = number

属性值：

• number：它指定了 textarea 字段的宽度。它有一个默认值，即 20。

返回值：它返回一个数值，以字符为单位表示文本区域的宽度。

Example-1： HTML 程序来说明设置DOM Textarea cols 属性。

  

    DOM Textarea cols Property
    
        h1,
        h2 {
            text-align: center;
        }
    

  

     
            GeeksforGeeks 
        
  
     
            DOM Textarea cols Property 
        
  
    
            A computer science portal for geeks.
    
    Submit
  
    
        function myGeeks() {
            document.getElementById("GFG").cols = "100";
        }
    

  

输出 ：

点击按钮前：

点击按钮后：

示例 2：说明返回DOM Textarea cols 属性的HTML 程序。

  

    DOM Textarea cols Property
    
        h1,
        h2 {
            text-align: center;
        }
    

  

     
            GeeksforGeeks 
        
  
     
            DOM Textarea cols Property 
        
  
    
            A computer science portal for geeks.
    
    
    Submit
    
    
    
        function myGeeks() {
            var g = document.getElementById("GFG").cols;
            document.getElementById(
              "sudo").innerHTML = 
              "There are " + g +
              " columns in a textarea width.";
        }
    

  

输出

点击按钮前：

点击按钮后：

注意： “textareaObject.cols”和“style.width”的工作方式相同。

支持的浏览器： Textarea cols 属性支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器