Cara Menulis Teks dan Kode yang Panjang, Saran Terbaik Yaitu dengan Menggunakan Textarea

SPOTROID - Macam-macam Textarea dan Cara Desainnya. Hai Spotlover's, kali ini spot akan coba membagikan beberapa macam textarea lengkap dengan cara desain menggunakan kode CSS ~ HTML.

Sebelum kita lanjutkan lebih jauh lagi, untuk tampilan dan kode dasar textarea bisa sobat lihat atau klik saja disini.

Biasanya seorang Blogger menggunakan Textarea untuk menempatkan kode script atau teks yang cukup panjang. Sehingga dengan mereka menggunakan textarea maka jadi alternatif dan praktis, lebih memudahkan pengguna.

Misalakan contohnya, si user atau pengguna blogger menuliskan kode script yang cukup panjang dengan cara menulis seperti biasanya. Kode script yang ditulisnya itu mungkin bisa dua kali lipat ukuran layar smartphone yang digunakan, dan untuk melihatnya pun sobat mesti scroll atau seret ke atas/ke bawah agar dapat melihat keseluruhan kode tersebut.

Namun, dengan menempatkan kode script yang pajang tersebut dalam batasan textarea maka ukuran yang terlihat pun lebih simpel sesuai yang ditentukan. Berikut ini dua contoh yang bisa spot bandingkan sendiri.

Kode yang panjang tanpa Textarea
Run »
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<div class="jumbotron text-center">
<h1>My First Bootstrap Page</h1>
<p>Resize this responsive page to see the effect!</p>
</div>

<div class="container">
<div class="row">
<div class="col-sm-4">
<h3>Column 1</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
</div>


Kode yang panjang dalam Textarea


Kemudian bagaimana cara meletakkan kode yang panjang di dalam kotak area teks (Text Area), berikut ini adalah cara dan kodenya.

<textarea>
Letakkan teks, kode atau script yang panjang disini
</textarea>

Nah setelah sobat melihat kedua contoh di atas apa pendapat sobat. Apa sobat ingin menggunakan contoh nomor satu atau lebih memilih untuk menggunakan contoh di nomor dua. Saran spot sih lebih bagus dan baiknya menggunakan contoh pada nomor dua.


Salam sukses...
BLOG: Awak Blang Awe

YUK IKUTAN BERPARTISIPASI
Anda suka dengan artikel di atas? Bagikan!
Dengan 1x Anda membagikan artikel blog ini, artinya Anda telah ikut serta dalam menunjang berkembangnya blog "Spot Teknologi Android". Sekecil apapun usaha partisipasi Anda sangat berarti bagi blog ini, terimakasih.