时间戳

首页 > 解决方案 > Google Appscript 自动调整文本区域大小

javascript - Google Appscript 自动调整文本区域大小

问题描述

我这里有一个 Web 应用程序，它应该根据第一个输入框中输入的数据显示结果。如何根据搜索给出的结果使文本区域字段自动调整大小。 在此处输入图像描述

这是我的 appscript 的链接。 https://script.google.com/macros/s/AKfycbyaLumisl19chrp92CLOXnKzYJoCva_f0-nSVpSGgifMM092boz7b_Dqy-Usdkev_d-6g/exec

这是我的 HTML 代码

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
    <?!= include("page-css"); ?>
  </head>
  <body>
 <form action="https://docs.google.com/forms/u/0/d/e/1FAIpQLSdDdxnTkS7jTWo53PCv0SeWQUtyTPEdy1Af_HJyd8ybOUdx9g/formResponse">

     <div class="form-element">
        <span>A. Input ang PT No. or PawnTicket No. makikita po ito sa inyong resibo Ex. 18069.</span>
        <input type="text" id="zip" minlength="5" minlength="6" name="entry.622619968" placeholder="Pawnticket Number" oninvalid="this.setCustomValidity('Pls. Check 5-6 Digits po dapat ang Pawn Ticket No.')"
  oninput="this.setCustomValidity('')" required="">
      </div>
      <textarea id="est" class="validate" disabled></textarea>
      <br>

      <div class="form-element">
        <span>B. Input your name </span>
        <input type="text" name="entry.1473350596" placeholder="Input Your Name" onkeypress='return ((event.charCode >= 65 && event.charCode <= 90) || (event.charCode >= 97 && event.charCode <= 122) || (event.charCode == 32))' required="">
      </div>
      <br>

      
      <div class="form-element">
        <span>C. Input your cellphone number.</span>
        <input type="tel" name="entry.741783283" placeholder="Input CP Number" pattern="[0-9]{4}-[0-9]{3}-[0-9]{4}|[0-9]{11}" oninvalid="this.setCustomValidity('Pls. Check 11 Digits po dapat ang CP No.')"
  oninput="this.setCustomValidity('')" required="">
      </div>
      <br>

    <button type="submit">Submit</button>
   </form>
  

    
       <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
       <script src="https://rawgit.com/jackmoore/autosize/master/dist/autosize.min.js"></script>
      <?!= include("page-js"); ?>
  </body>
</html>

标签： javascripthtmljquerygoogle-apps-script

解决方案

要调整<textarea>标签的大小，您必须使用 CSS 对其进行样式设置。

推荐阅读