Membuat Teks Beku pada HTML Menggunakan Atribut Readonly
- <input>: digunakan untuk atribut readonly yang hanya membaca konten dari elemen.
- <text-area>: digunakan untuk menahan atribut readonly.
Sintak: <input readonly>
<!DOCTYPE html>
<html>
<head>
<title>
Atribut Readonly
</title>
<style>
body
{
text-align: center}
h2
{
color: green;
font-style: italic;}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Atribut Readonly pada Elemen Input
</h2>
<form action="">
Email:
<input
type="text"
name="email">
<br>
Country:
<input
type="text"
name="country"
value="Noida"
readonly>
<br>
<input
type="submit"
value="Submit">
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>
Atribut Readonly
</title>
<style>
body
{
text-align: center;}
h2
{
color: green;
font-style: italic;}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Atribut Readonly pada Elemen Input.
</h2>
<textarea
rows="4"
cols="40"
readonly>
Blog Elfan: merupakan portal ilmu komputer.
</textarea>
</body>
</html>
- Penjelasan Singkat, Penggunaan Atribut Selected pada Elemen HTML
- 3 Contoh Penerapan Atribut Size pada Elemen HTML
- 2 Contoh Utama Penggunaan Atribut Spellcheck pada Elemen HTML
- Penjelasan Singkat, Penerapan Atribut Srclang pada Elemen HTML
- Cara Simple Menggunakan Atribut Start pada HTML
- Cara Mudah Mengatur Ukuran Step dari Elemen Input HTML
- 3 Cara Sederhana Menerapkan Atribut Style pada HTML
5 komentar untuk "Membuat Teks Beku pada HTML Menggunakan Atribut Readonly"
Hubungi admin melalui Wa : +62-896-2414-6106
Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.
Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.
- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -
Apa yang dimaksud dengan atribut readonly pada elemen html?
BalasHapusAtribut readonly pada html merupakan jenis atribut boolean yang hanya terdiri dari dua kondisi true atau false, dimana jika atribut ini disertakan pada elemen maka akan membuat elemen tersebut tidak dapat melakukan perubahan apapun, atau tidak dapat diedit. Jika atribut readonly diatur pada elemen input, maka user tidak dapat melakukan perubahan apapun pada nilai input yang terdapat dalam elemen tersebut.
HapusApa perbedaan antara atribut readonly dan atribut disabled pada elemen html?
BalasHapusAtribut readonly pada elemen html merupakan atribut yang membuat elemen tersebut tidak dapat diedit, tetapi tetapi dapat dikirim ketika form melakukan submit. Sedangkan atribut disabled pada html membuat elemen tidak dapat diedit sekaligus juga tidak dapat disubmit ketika melakukan pengiriman nilai form.
HapusPerbedaan lain antara atribut readonly dan disabled adalah atribut readonly dapat difokuskan, sedangkan atribut disabled tidak bisa melakukan hal tersebut.
Hapus