Membuat Multiple Input Data di Textarea Menggunakan PHP

21/06/2019    Shelli Ripati    2139     Website

Membuat Multiple Input Data di Textarea Menggunakan PHP

Multiple input data adalah proses input dengan jumlah banyak atau lebih dari satu. Dimana pada kesempatan kali ini saya akan membahasnya pada artikel dengan judul Membuat Multiple Input Data di Textarea Menggunakan PHP. Multiple input data kali ini saya menggunakan tag html yaitu textarea dimana ketika ingin melakukan input lebih dari satu maka harus di tulis di bawah data pertama dan seterusnya dengan menggunakan enter pada keyboard.

Langkah pertama cara untuk Membuat Multiple Input Data di Textarea Menggunakan PHP yaitu membuat database seperti script di bawah ini.

CREATE TABLE `data_email` (

  `email_id` int(11) NOT NULL AUTO_INCREMENT,

  `email_address` varchar(250) DEFAULT NULL,

  PRIMARY KEY (`email_id`)

) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=latin1;

Langkah selanjunya yaitu membuat perintah PHP untuk melakukan input data yang dilooping berdasarkan jumlah data yang akan disimpan seperti script di bawah.

<?php

//index.php

$error = '';
$output = '';

$connect = new PDO("mysql:host=localhost;dbname=shelli", "root", "");

if(isset($_POST["add"]))
{
    if(empty($_POST["email_address"]))
    {
        $error = '<label class="text-danger">Email Address List is required</label>';
    }
    else
    {
        $array = explode("\r\n", $_POST["email_address"]);

        $email_array = array_unique($array);

        $query = "
        INSERT INTO data_email
        (email_address) 
        VALUES ('".implode("'),('", $email_array)."')
        ";

        $statement = $connect->prepare($query);

        $statement->execute();

        $error = '<label class="text-success">Data Inserted Successfully</label>';
    }
}

$query = "
SELECT * FROM data_email 
ORDER BY email_id DESC
";

$statement = $connect->prepare($query);

$statement->execute();

if($statement->rowCount() > 0)
{
    $result = $statement->fetchAll();
    foreach($result as $row)
    {
        $output .= '
<tr>
<td>'.$row["email_address"].'</td>
</tr>
        ';
    }
}
else
{
    $output .= '
<tr>
<td>No Data Found</td>
</tr>
    ';
}

?>

Jika sudah maka langkah terakhir membuat struktur html seperti di bawah ini. 

<html>
<head>
<title>Multiple Input Data di Textarea Menggunakan PHP</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="row content">
<div class="col-sm-2">
</div>
<div class="col-sm-8 text-left">
<h3 align="center">Multiple Input Data di Textarea Menggunakan PHP</h3>
<div align="center"><?php echo $error; ?></div>
<form method="post">
<div class="row">
<label class="col-md-3 text-right">Enter Email List</label>
<div class="col-md-9">
<textarea name="email_address" class="form-control" rows="10"></textarea>
</div>
</div>
<div align="center">
<input type="submit" name="add" class="btn btn-primary" value="Add" />
</div>
</form>
<h3 align="center">Email List</h3>
<table class="table table-striped table-bordered">
<tr>
<td>Email Address</td>
</tr>
<?php echo $output; ?>
</table>
</div>
<div class="col-sm-2"> 
</div>
</div>
</div>
</body>
</html>

Maka jika di buka di browser tampilannya akan seperti pada gambar di bawah ini.

Demikian artikel tentang cara Membuat Multiple Input Data di Textarea Menggunakan PHP. Semoga dapat bermanfaat dan selamat mencoba.

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More