Skip to main content

6. Adding Text Area

Text area merupakan text inputan yang bisa menampung lebih dari satu baris inputan. Tag textarea mirip dengan tag input type text, namun memiliki kelebihan untuk menampung beberapa baris (multiple line). Sehingga textarea akan kita gunakan untuk menampung inputan pesan yang akan disampaikan oleh pengunjung nantinya.


Contoh code

index.html
<!DOCTYPE html>
<head>
  <title>Contact Form</title>
</head>
<body>
  <center>
    <div style="width: 350px; margin-top: 150px">
      <form action="" style="text-align: left">
        <div>
            <input id="name" type="text"/>
        </div>
        <div>
            <input id="email"  type="email"/>
        </div>
        <div>
            <input id="phone" type="text"/>
        </div>
        <div>
            <select id="subject">
                <option>Let's Talk</option>
                <option>Let's Collaboration</option>
                <option>I am Hiring</option>
            </select>
        </div>
        <div>
            <textarea id="message"></textarea>
        </div>
      </form>
    </div>
  </center>
</body>
</html>
image1-1