JSFiddle - React, Tailwind, and code Playground

by birdie2019

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/autosize.js/3.0.20/autosize.min.js"></script>
<div class="container">
  <input type="text" placeholder="請輸入暱稱">
  <textarea name="messgae" rows="3" placeholder="請輸入留言"></textarea>
  <input id="submit" type="submit" value="送出">
</div>

CSS

* {
  box-sizing: border-box;
}

.container {
  width: 300px;
  margin: 30px auto;
  padding: 20px;
  background-color: #eee;
}
input {
  width: 100%;
  margin-bottom: 10px;
}
textarea {
  width: 100%;
}

JavaScript

autosize(document.querySelector('textarea'));