如何使用 JavaScript 更改文本区域的形状？

一般来说，Textarea 会是矩形或正方形的形式，但这里我们将处理 textarea 的异常形状，这意味着这个 textarea 将不是常规形状而是可编辑的。

• 方法一：
  在第一种方法中，让我们看看使用 CSS-shapes 和 content editable 属性创建的不规则可编辑 textarea 当它为 true 时。

  方案一：

  
  
    
  
      
  
    
  
      
  Parallelogram Shaped TextArea
      
          
  Enter Comments:
    
      
  
        Enter the something...
    
    
      
  eq-triangle shaped TextArea
      
          
  Enter Comments:
    
      
  
        Enter the something...
    
    
      
  Circle shaped TextArea
      
          
  Enter Comments:
    
      
  
        Enter the something...
    
    
  
    
  
  

  输出：
  

• 方法二：
  使用 JavaScript 更改 textarea 的形状。首先使用 id 获取元素，然后使用style.transform = “skew(40deg)” 更改形状； .

  程序2：让我们使用javascript来创建不寻常的textarea。

    
  
      
          textarea {
              color: brown;
              font-weight: bold;
              width: 250px;
              height: 200px;
              background: #ff7;
              overflow: hidden;
          }
      
  
    
  
      
          
            GeeksforGeeks
        
                    Unusual shape of a textarea
        
          
          
            Try it
        
    
          
    
          
              function myFunction() {
                  var x = document.getElementById(
                    "myP").style.transform = "skew(40deg)";
                  document.getElementById("demo").innerHTML = x;
              }
          
      
  
    

  输出：
  前：
  
  后：