Membuat Multiple Input Data di Textarea Menggunakan PHP

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.

21 Juni 2019

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat