Google Apps 脚本自动调整文本区域大小答案

【问题标题】：Google Appscript Autoresize Text AreaGoogle Apps 脚本自动调整文本区域大小
【发布时间】：2021-07-28 04:09:15
【问题描述】：

我这里有一个 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>

【问题讨论】：

自动调整文本框大小是什么意思？请参阅how-to-ask-a-good-question 并提供MRE
你是什么意思“搜索给出的结果”，我们如何重现这个？
您好，先生，应用脚本在链接中。在第一个输入字段中输入：16776hs（电子表格中的值）时，结果显示在文本框中。

标签： javascript html jquery google-apps-script

【解决方案1】：

要调整<textarea> 标签的大小，您必须将其调整为style it using CSS。

【讨论】：