Question

我尝试在ajax-form元素中进行多行纸张输入

＆＃13;

#info {
   width: 90%;
   height: 300px;
   background-color: white;
   padding: 10px;
   margin: 20px auto;
 }

paper-input {
  width: 100%;
  height: 150px;
}

＆＃13;

<div id="info">
   <form is="ajax-form"  action="../../../back/saveIMG.php" class="picturePost" method="post" enctype="multipart/form-data">

     <file-input camera name="pic" id="pic">
       <core-icon-button
                         icon="image:camera-alt">
       </core-icon-button>
     </file-input>
     <br/>
     <paper-input multiline id="last" floatingLabel label="Commentaire" ></paper-input>
     <!-- -->
     <br/>
     <input type="submit" name="submitInfo">
   </form>
</div>

＆＃13;

所以我添加了一些属性，如maxRows="5"和rows="3"，但我的纸张输入始终不是单行区域。

Answer 1

您应考虑将paper-input-decorator与paper-autogrow-textarea

一起使用，而不是使用paper-input

<div id="info">
    <form is="ajax-form"  action="../../../back/saveIMG.php" class="picturePost" method="post" enctype="multipart/form-data">

        <file-input camera name="pic" id="pic">
            <core-icon-button icon="image:camera-alt"></core-icon-button>
        </file-input>
        <br/>
        <paper-input-decorator id="last" label="Commentaire">
            <paper-autogrow-textarea rows="3" maxRows="5">
                <textarea></textarea>
            </paper-autogrow-textarea>
        </paper-input-decorator>
        <!-- -->
        <br/>
        <input type="submit" name="submitInfo">
    </form>
</div>

Answer 2

而不是paper-input尝试使用iron-autogrow-textarea：

<iron-autogrow-textarea id="last" rows="3" maxRows="5" bind-value="{{xyz}}">
</iron-autogrow-textarea>

文档：https://elements.polymer-project.org/elements/iron-autogrow-textarea

聚合物，在ajax形式的纸张输入上使用多行属性

2 个答案: