我试图用ajax形式的元素进行多行纸张输入
#info {
width: 90%;
height: 300px;
background-color: white;
padding: 10px;
margin: 20px auto;
}
paper-input {
width: 100%;
height: 150px;
}
<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>
因此,我添加了一些属性,例如maxRows="5"
,rows="3"
但我的纸张输入始终不是单个行区域。
而不是使用a,paper-input
您应该考虑将paper-input-decorator与paper-autogrow-textarea一起使用
<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>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句