Cara Membuat Text Area

Text Area adalah kotak aktif yang dapat digunakan untuk menempatkan teks atau kode atau script, untuk memudahkan dalam melakukan copy-paste.

Banyak juga yang mengartikan text area sebagai cara untuk menampilkan kode HTML seperti yang dibawah ini.

Contoh text area standar:



Text Area standar, tanpa modifikasi...
~ Macam text area

<textarea<br /> name="code" rows="3" cols="20" style="background: #FBEFFF; color:<br /> #CA3DD9; border: 1px solid #CA3DD9; border-left: 20px solid #CA3DD9;<br /> line-height: 1.5em; padding: 5px; -moz-border-radius: 7px;"> ISI<br /> TEXT/KODE

<textarea<br /> name="code" rows="3" cols="20" style="background: #000; color: #fff;<br /> border: 2px inset #ccc; line-height: 1.5em; padding: 0 7px;<br /> -moz-border-radius: 5px;"> ISI TEXT/KODE

<textarea<br /> name="code" rows="3" cols="20" style="background:#BFFAFF;<br /> color:#FF0000; border-bottom: 4px solid #40FF1F; border-right: 4px<br /> solid #40FF1F; border-top: 4px solid #FFE900; border-left: 4px solid<br /> #FFE900; line-height:1.5em; padding:5px; -moz-border-radius:10px;"><br /> ISI TEXT/KODE

<textarea<br /> name="code" rows="3" cols="20" style="background: #FFDAAF; color:<br /> #7F4500; border: 2px ridge #7F4500; line-height: 1.5em; padding: 5px;<br /> -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright:<br /> 15px;"> ISI TEKS/KODE

<textarea<br /> name="code" rows="3" cols="20" style="background:#DAFFBF;<br /> color:#295F00; border:2px #295F00 dashed; line-height:1.5em;<br /> padding:5px;"> ISI TEKS/KODE

<textarea<br /> name="code" rows="3" cols="20" style="background: #EF0090; color:<br /> #FFEFF9; border: 3px dotted #FFEFF9; line-height: 1.5em; padding:<br /> 5px;"> ISI TEKS/KODE

<textarea<br /> name="code" rows="3" co2ls="20" style="background:#FF000A; color:#fff;<br /> border:3px double #ffaf; line-height:1.5em; padding:5px;"><br<br /> />ISI TEKS/KODE
* Silahkan akhiri kode textarea yang di dalam kotak dengan tag atau akhiran </textarea> ya ?

Materi Pelajaran Terkait: