Text Field

Metin alanı: kullanıcının yazdığı tek ya da birkaç satırlık metin. Üstünde bir etiket, altında yardım metni ya da bir hatanın mesajı, iki ucunda ikonlar, onu temizleyen bir düğme ve karakterlerinin sayacıyla birlikte gelir.

import com.pantrixui.components.inputs.textfield.PantrixTextField

• Üç biçim. state alan biçimde metin durumdan okunur: kullanılacağı yerde state.text, yazıldıkça izlemek için snapshotFlow { state.text.toString() }. value ve onValueChange alan biçim metni çağıranda tutar ve süzmeyi onValueChange yapar. field alan biçim değerini, hatasını ve adını formdaki alanından alır.
• Etiket ve yer tutucu. label kutunun üstünde yazar ve alanın ekran okuyucudaki adıdır; etikete basmak da imleci kutuya koyar. placeholder alan boşken görünür. Etiketi olmayan alanın adını contentDescription söyler.
• Yardım metni ve hata. supportingText kutunun altında yazar. error kenarlığı, etiketi, yardım metnini ve imleci danger rolüne çevirir; yardım metni o zaman neyin düzeltileceğini söyleyen mesajdır ve ekran okuyucuya hata olarak bildirilir.
• İkonlar ve temizleme düğmesi. leadingIcon metnin önünde, trailingIcon arkasında durur. showClearButton alan boş değilken onu boşaltan bir düğme gösterir: düğme imleci alanda bırakır ve Tab durağı değildir.
• Uzunluk sınırı. maxLength sınırı aşacak değişikliği bütünüyle geri çevirir ve kutunun altına sayacı yazar ("12/120"); showCharacterCount = false sayacı gizler.
• Birkaç satır. lineLimits = TextFieldLineLimits.MultiLine(...) ile kutu metniyle birlikte uzar ve Enter yeni satır açar. Alana yükseklik verilirse kutu onu doldurur ve sığmayan metin kutunun içinde kayar.
• Stil ve renkler. style (TextFieldStyle) kutunun şeklini, ölçülerini ve kenarlığını, colors (TextFieldColors) renklerini değiştirir: yalnızca verilen alanlar. Devre dışı alan ne verilirse verilsin temanın devre dışı renklerindedir.
• Yazının boyu. Yazılan yazı ve yer tutucu stilin textRole'üyle yazılır: Android'de ve iOS'ta body (16sp), Material 3'teki ve iOS'taki gibi; masaüstünde ve web'de label (14sp), işaretçiyle kullanılan bir sayfadaki gibi. Select'in kutusu ve sayfaya atlama alanı da onunla yazar.
• Yazı yönü. Her paragraf yönünü kendi ilk harfinden alır: Arapça bir formda yazılan e-posta adresi ada@ diye okunur, @ada diye değil. Metin düzenin yanına hizalanır ve etiketinin tarafında kalır.

Örnekler

En yalın hâli

En az yazılan: bir TextFieldState ve bir etiket. Durum rememberTextFieldState() ile kurulur ve yazılan metin ondan okunur; alttaki satır name.text'i yazıldıkça gösterir.

Etiket kutunun üstünde durur ve yerinden oynamaz; etikete basmak da imleci kutuya koyar. Odağı kutunun kenarlığı gösterir. tagKey alanın test etiketini kurar: TextField_<tagKey>.

val name = rememberTextFieldState()
PantrixTextField(
    state = name,
    modifier = Modifier.fillMaxWidth(),
    label = "Ad",
    tagKey = "name"
)
PantrixText(
    text = if (name.text.isEmpty()) "Henüz bir şey yazılmadı" else "Yazılan: ${name.text}",
    color = PantrixTheme.colors.textSecondary
)

Etiketsiz bir arama alanı

Etiketi olmayan bir arama alanı: adını ekran okuyucuya contentDescription söyler. Yer tutucu da aynı şeyi söylediği için okuyucuya ayrıca okunmaz: alan boşken adı iki kez söylenmez.

leadingIcon metnin önünde durur. Yuva içine konanı boyutlandırmaz; ikon, alanın stilindeki boyutu alır: PantrixTheme.style(TextFieldStyle).iconSize. showClearButton alan boş değilken onu boşaltan düğmeyi gösterir; düğme imleci alanda bırakır.

keyboardOptions klavyenin eylem tuşunu "Ara" yapar, onKeyboardAction o tuşa basılınca çağrılır. Bir şey yazıp klavyenin "Ara" tuşuna ya da Enter'a bas: uygulamanın snackbar'ı arananı söyler.

val snackbars = LocalPantrixSnackbars.current
val scope = rememberCoroutineScope()
val query = rememberTextFieldState()
PantrixTextField(
    state = query,
    modifier = Modifier.fillMaxWidth(),
    placeholder = "Sipariş ara",
    leadingIcon = {
        PantrixIcon(
            imageVector = PantrixIcons.Search,
            contentDescription = null,
            size = PantrixTheme.style(TextFieldStyle).iconSize
        )
    },
    showClearButton = true,
    keyboardOptions = KeyboardOptions(imeAction = ImeAction.Search),
    onKeyboardAction = { scope.launch { snackbars?.show(message = "Aranan: ${query.text}", tagKey = "searched") } },
    contentDescription = "Sipariş ara",
    tagKey = "search"
)

Önde ve arkada ikon

leadingIcon metnin önünde, trailingIcon arkasında durur: sağdan sola bir düzende yer değiştirirler. İkisi de ikincil yazı rengini alır; yuvaya konan bir yazı da, ikinci alandaki "kg" gibi, o renkte çizilir.

Temizleme düğmesi trailingIcon'dan önce durur ve Tab durağı değildir: her alandan sonra bir durak, bir formu geçmek için gereken basışı ikiye katlardı. Ekran okuyucu düğmeye yine de bir düğme olarak ulaşır.

val iconSize = PantrixTheme.style(TextFieldStyle).iconSize
PantrixTextField(
    state = rememberTextFieldState(),
    modifier = Modifier.fillMaxWidth(),
    label = "Kullanıcı adı",
    leadingIcon = { PantrixIcon(imageVector = PantrixIcons.Person, contentDescription = null, size = iconSize) },
    tagKey = "username"
)
PantrixTextField(
    state = rememberTextFieldState("72"),
    modifier = Modifier.fillMaxWidth(),
    label = "Ağırlık",
    trailingIcon = { PantrixText(text = "kg") },
    showClearButton = true,
    keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Number),
    tagKey = "weight"
)

Yardım metni ve hata

supportingText kutunun altında, küçük yazıyla durur. error = true olunca kenarlık, etiket, yardım metni ve imleç danger rolüne döner; yardım metni o zaman neyin düzeltileceğini söyleyen mesajdır ve ekran okuyucuya hata olarak bildirilir. Birkaç harf yaz: şifre sekiz karakterden kısa kaldıkça alan hatadadır ve kaç karakterin eksik olduğunu söyler.

Bu alan metnini TextFieldState yerine bir String olarak tutar: value gösterilir, her değişiklik onValueChange ile sorulur. Şifre visualTransformation ile nokta nokta çizilir. remember ile tutulur, rememberSaveable ile değil: kaydedilen durum diske yazılabilir. Metnini gösteren düğmesi olan şifre alanı PantrixSecureTextField'dır.

var password by remember { mutableStateOf("") }
val missing = 8 - password.length
val tooShort = password.isNotEmpty() && missing > 0
PantrixTextField(
    value = password,
    onValueChange = { password = it },
    modifier = Modifier.fillMaxWidth(),
    label = "Şifre",
    supportingText = if (tooShort) "$missing karakter daha" else "En az 8 karakter",
    error = tooShort,
    showClearButton = true,
    keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Password),
    visualTransformation = PasswordVisualTransformation(),
    contentType = ContentType.NewPassword,
    tagKey = "password"
)

Metnini String olarak tutan alan

value ve onValueChange alan PantrixTextField: alan value'yu gösterir ve kullanıcının her değişikliğini onValueChange ile sorar. Geri çağrının almadığı değişiklik gösterilmez: süzme orada yapılır, bu biçim inputTransformation almaz. Sorulan metin bir sonraki kareye kadar value olarak geri dönmelidir, yoksa alan eski metni gösterir ve imleç sıçrar: metni, geri çağrının hemen yazdığı bir durumda tut; metin bir akışta yaşıyorsa state alan biçimi seç.

Bu biçim satırlarını singleLine, minLines ve maxLines ile alır ve söylenmedikçe tek satırdır. Buradaki alana, başka bir yerden yapıştırılmış gibi, iki satırlık bir adres verildi: alan satır sonunu boşluk olarak gösterir ve ikinci satır kesilmez; tutulan metin olduğu gibi kalır.

var address by remember { mutableStateOf("Bağdat Cad. No: 12\nKat 3, Daire 8") }
PantrixTextField(
    value = address,
    onValueChange = { address = it },
    modifier = Modifier.fillMaxWidth(),
    label = "Adres (tek satır)",
    supportingText = "Metindeki satır sonu boşluk olarak görünür",
    showClearButton = true,
    tagKey = "address_line"
)

String biçiminde satırlar ve eylem tuşu

Metnini String olarak tutan biçim, satırlarını lineLimits ile değil singleLine, minLines ve maxLines ile alır. İlk alan iki satır boyundadır ve dört satıra kadar uzar; oradan sonra metni içinde kaydırır.

Klavyenin eylem tuşunu da onKeyboardAction değil keyboardActions karşılar: keyboardOptions'ın adlandırdığı eylem için ne yapılacağını söyler. İkinci alana bir şey yazıp klavyenin eylem tuşuna bas: uygulamanın snackbar'ı yazılanı söyler.

val snackbars = LocalPantrixSnackbars.current
val scope = rememberCoroutineScope()
var message by remember { mutableStateOf("") }
var nickname by remember { mutableStateOf("") }
PantrixTextField(
    value = message,
    onValueChange = { message = it },
    modifier = Modifier.fillMaxWidth(),
    label = "Mesaj",
    singleLine = false,
    minLines = 2,
    maxLines = 4,
    tagKey = "message"
)
PantrixTextField(
    value = nickname,
    onValueChange = { nickname = it },
    modifier = Modifier.fillMaxWidth(),
    label = "Takma ad",
    keyboardOptions = KeyboardOptions(imeAction = ImeAction.Done),
    keyboardActions = KeyboardActions(
        onDone = { scope.launch { snackbars?.show(message = "Takma ad: $nickname") } }
    ),
    tagKey = "nickname"
)

Birkaç satır ve karakter sayacı

lineLimits = TextFieldLineLimits.MultiLine(minHeightInLines = 3) kutuyu üç satır boyunda başlatır; kutu metniyle birlikte uzar ve Enter yeni satır açar. Tab bir sekme yazmaz, odağı ilerletir: yoksa klavyeyle alandan ileri çıkılamazdı.

maxLength = 120 sınırı aşacak değişikliği bütünüyle geri çevirir: yazı sınırda durur, sığmayan bir yapıştırma hiç alınmaz. Karakterler String.length'in saydığı gibi sayılır, bu yüzden bir emoji iki sayılabilir. Sayaç kutunun altında, yardım metninin karşısında yazar. Kodla verilen metin kesilmez: sınırı aşıyorsa kullanıcı onu yine kısaltabilir.

PantrixTextField(
    state = rememberTextFieldState(),
    modifier = Modifier.fillMaxWidth(),
    label = "Kurye notu",
    placeholder = "Zil çalışmıyor, kapıyı çalın",
    supportingText = "Kuryeye iletilir",
    maxLength = 120,
    lineLimits = TextFieldLineLimits.MultiLine(minHeightInLines = 3),
    tagKey = "note"
)

Yüksekliği verilen alan

Alana verilen yükseklik alanın bütününündür: Modifier.height(160.dp). Etiket üstte, yardım metni ve sayaç altta kalır; kutu ikisinin bıraktığı yüksekliği doldurur ve sığmayan metin kutunun içinde kayar. Alanın hiçbir parçası verilen yüksekliğin dışına taşmaz.

Temizleme düğmesine bas: metin boşalınca da kutu aynı boydadır.

PantrixTextField(
    state = rememberTextFieldState(INSTRUCTIONS),
    modifier = Modifier.fillMaxWidth().height(160.dp),
    label = "Teslimat talimatı",
    supportingText = "Alanın yüksekliği sabit: metin kutunun içinde kayar",
    showClearButton = true,
    maxLength = 400,
    lineLimits = TextFieldLineLimits.MultiLine(),
    tagKey = "instructions"
)

private const val INSTRUCTIONS = "Apartmanın sokak kapısı kilitli olur: zile iki kez basın.\n" +
    "Kimse açmazsa bekçi kulübesine bırakın.\n" +
    "Koli ağırsa asansörü kullanın, üçüncü kat.\n" +
    "Kapıda köpek var: havlar ama ısırmaz.\n" +
    "Akşam altıdan sonra evde olurum.\n" +
    "Ulaşamazsanız kapıcıyı arayın."

Giriş ve çıkış dönüşümleri

inputTransformation kullanıcının her değişikliğini alana girmeden görür: buradaki, rakam olmayan bir şey içeren değişikliği bütünüyle geri çevirir. maxLength ile birlikte önce dönüşüm çalışır, sınır onun geçirdiğine uygulanır.

outputTransformation metni değiştirmeden nasıl gösterileceğini söyler: numaranın boşlukları yalnızca çizilir. "5321234567" yaz: kutuda "532 123 45 67" görünür, alttaki satırın okuduğu phone.text ise boşluksuzdur.

val phone = rememberTextFieldState()
PantrixTextField(
    state = phone,
    modifier = Modifier.fillMaxWidth(),
    label = "Cep telefonu",
    placeholder = "5XX XXX XX XX",
    supportingText = "Başında sıfır olmadan, on rakam",
    maxLength = 10,
    showCharacterCount = false,
    keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Phone),
    inputTransformation = DigitsOnly,
    outputTransformation = PhoneSpaces,
    tagKey = "phone"
)
PantrixText(text = "Tutulan metin: \"${phone.text}\"", color = PantrixTheme.colors.textSecondary)

private val DigitsOnly = InputTransformation {
    if (!asCharSequence().all(Char::isDigit)) revertAllChanges()
}

private val PhoneSpaces = OutputTransformation {
    // Sondan başa: sonra eklenen her boşluk, önce eklenenlerin solunda kalır ve yerlerini kaydırmaz.
    listOf(8, 6, 3).forEach { at -> if (length > at) insert(at, " ") }
}

Sayı alanı ve eylem tuşu

Sayı yazılan ve yazılınca bir şey yapan alan klavyesini numberKeyboardOptions ile ister: klavyenin türünü ve eylem tuşunu birlikte verir. Android'de sayı klavyesinin bir eylem tuşu vardır. iPhone'un sayı tuş takımında yoktur: on rakam ve bir silme tuşu. Orada KeyboardType.Number ile istenen alana yazılan sayı gönderilemez; numberKeyboardOptions onun yerine sayılar ve noktalama klavyesini ister: rakamlarıyla açılır ve eylem tuşu vardır.

Bir adet yaz ve klavyenin eylem tuşuna ya da Enter'a bas: uygulamanın snackbar'ı adedi söyler. iPhone'daki klavyede işaretler ve, bir basış ötede, harfler de vardır: onları alan geri çevirir (inputTransformation).

val snackbars = LocalPantrixSnackbars.current
val scope = rememberCoroutineScope()
val quantity = rememberTextFieldState()
PantrixTextField(
    state = quantity,
    modifier = Modifier.fillMaxWidth(),
    label = "Adet",
    maxLength = 4,
    showCharacterCount = false,
    keyboardOptions = numberKeyboardOptions(ImeAction.Done),
    onKeyboardAction = {
        scope.launch { snackbars?.show(message = "Adet: ${quantity.text}", tagKey = "quantity") }
    },
    inputTransformation = DigitsOnly,
    tagKey = "quantity"
)

private val DigitsOnly = InputTransformation {
    if (!asCharSequence().all(Char::isDigit)) revertAllChanges()
}

Forma bağlı alanlar

field alan PantrixTextField değerini, hatasını ve adını formdaki alanından alır. tagKey verilmez: alanın id'si otomasyon anahtarıdır (TextField_<id>). Boş bir alanın dışına çıkılırsa kuralın mesajı yardım metninin yerine geçer; hata ilk kez o zaman görünür.

form verilen alanda klavyenin eylem tuşu formu gönderir. İlk alanda "İleri" tuşu odağı sonraki alana taşır; ikincide eylem tuşu formu "Kaydet" düğmesi üzerinden gönderir ve hatalı bir alan varsa odak ona gider. İki alanı da boş bırakıp "Kaydet"e bas.

val snackbars = LocalPantrixSnackbars.current
val scope = rememberCoroutineScope()
val form = rememberFormState()
PantrixTextField(
    field = form.field("full_name", initial = "", Rules.notBlank("Adınızı yazın")),
    modifier = Modifier.fillMaxWidth(),
    form = form,
    label = "Ad soyad",
    supportingText = "Kartınızda yazdığı gibi",
    keyboardOptions = KeyboardOptions(capitalization = KeyboardCapitalization.Words, imeAction = ImeAction.Next),
    contentType = ContentType.PersonFullName
)
PantrixTextField(
    field = form.field("email", initial = "", Rules.matches(EMAIL, "Geçerli bir e-posta adresi yazın")),
    modifier = Modifier.fillMaxWidth(),
    form = form,
    label = "E-posta",
    placeholder = "ad@ornek.com",
    showClearButton = true,
    keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Email),
    contentType = ContentType.EmailAddress
)
PantrixButton(
    text = "Kaydet",
    onClick = {
        scope.launch { form.submit { snackbars?.show(message = "Bilgiler kaydedildi", tagKey = "profile_saved") } }
    },
    form = form,
    tagKey = "save_profile"
)

private val EMAIL = Regex("""\S+@\S+\.\S+""")

Devre dışı ve salt okunur

enabled = false alanı temanın devre dışı renkleriyle çizer: alan odak almaz, yazılamaz ve ekran okuyucuya devre dışı olduğu söylenir.

readOnly = true yalnızca değiştirmeyi kapatır: alan odaklanır, metni seçilir ve kopyalanır.

PantrixTextField(
    state = rememberTextFieldState("Pantrix A.Ş."),
    modifier = Modifier.fillMaxWidth(),
    enabled = false,
    label = "Devre dışı",
    supportingText = "Kuruluşunuz belirler",
    tagKey = "company"
)
PantrixTextField(
    state = rememberTextFieldState("SIP-2026-0914"),
    modifier = Modifier.fillMaxWidth(),
    readOnly = true,
    label = "Salt okunur",
    supportingText = "Değiştirilemez; seçilip kopyalanabilir",
    tagKey = "order_no"
)

Kendi renkleri

colors ile verilen renkler kullanılır, verilmeyenler temadaki rolünde kalır. İlk alanın renkleri sabit yazılmaz, temanın success rolünden alınır: koyu temada da yerini bulur. Kutunun dolgusu rolün yumuşak tonudur; yazı ve ikon o tonun üstünde okunan renktedir; kenarlık ve imleç rolün kendi rengidir. Etiket, yardım metni ve hata rengi verilmemiştir: temadaki hâlleriyle kalır.

İkinci alanda yalnızca iki renk verildi, uygulamanın kendi moru: odaktaki kenarlık ve imleç. Alana bas ve bir şey yazıp seç: seçimin tutamaçları ve zemini de imlecin rengini alır.

val success = PantrixTheme.colors.success
PantrixTextField(
    state = rememberTextFieldState("PANTRIX10"),
    modifier = Modifier.fillMaxWidth(),
    label = "İndirim kodu",
    supportingText = "Kod geçerli: %10 indirim",
    leadingIcon = {
        PantrixIcon(
            imageVector = PantrixIcons.Check,
            contentDescription = null,
            size = PantrixTheme.style(TextFieldStyle).iconSize
        )
    },
    showClearButton = true,
    colors = TextFieldColors(
        container = success.container,
        border = success.color,
        hoveredBorder = success.color,
        focusedBorder = success.color,
        text = success.onContainer,
        icon = success.onContainer,
        cursor = success.color
    ),
    tagKey = "coupon"
)
val own = ownColors()
PantrixTextField(
    state = rememberTextFieldState(),
    modifier = Modifier.fillMaxWidth(),
    label = "Davet kodu",
    placeholder = "PX-0000",
    colors = TextFieldColors(focusedBorder = own.color, cursor = own.color),
    tagKey = "own_colors"
)

Kendi stili

style bu çağrının kendi stilidir: yalnızca verdiği alanlar değişir, gerisi temanın ve platformun stilinden gelir.

İlk alan tam yuvarlak bir kutudur: TextFieldStyle(shape = ShapeRole.Full). İkincisi aynı stili alır ama birkaç satırlıdır: tam yuvarlak bir kutunun eğrisi metnin ilk satırına gireceği için alan ShapeRole.Large ile çizilir. Üçüncüsünde height kutunun en az yüksekliğini büyütür; tek satır kutunun ortasında durur.

PantrixTextField(
    state = rememberTextFieldState(),
    modifier = Modifier.fillMaxWidth(),
    placeholder = "Ürün ara",
    showClearButton = true,
    style = TextFieldStyle(shape = ShapeRole.Full),
    contentDescription = "Ürün ara",
    tagKey = "pill"
)
PantrixTextField(
    state = rememberTextFieldState(),
    modifier = Modifier.fillMaxWidth(),
    label = "Yorum",
    lineLimits = TextFieldLineLimits.MultiLine(minHeightInLines = 2),
    style = TextFieldStyle(shape = ShapeRole.Full),
    tagKey = "pill_comment"
)
PantrixTextField(
    state = rememberTextFieldState(),
    modifier = Modifier.fillMaxWidth(),
    label = "Başlık",
    style = TextFieldStyle(height = 56.dp),
    tagKey = "tall"
)

Etkileşimleri dışarıdan izlemek

interactionSource alanın etkileşimlerini dışarı taşır: odağını, üstündeki fareyi ve basışlarını. Verilmezse alan kendi kaynağını tutar. Alttaki satır aynı kaynaktan okur: alana bas, sonra fareyi kutunun üstüne getir.

Fareyi kutu bildirir: etiketin ve yardım metninin üstündeki fare sayılmaz.

val interactions = remember { MutableInteractionSource() }
val focused by interactions.collectIsFocusedAsState()
val hovered by interactions.collectIsHoveredAsState()
PantrixTextField(
    state = rememberTextFieldState(),
    modifier = Modifier.fillMaxWidth(),
    label = "Konu",
    supportingText = "Fare yalnızca kutunun üstündeyken sayılır",
    interactionSource = interactions,
    tagKey = "observed"
)
PantrixText(
    text = "Odakta: ${if (focused) "evet" else "hayır"} · Fare üstünde: ${if (hovered) "evet" else "hayır"}",
    color = PantrixTheme.colors.textSecondary
)

API

state

Metin alanı: kullanıcının yazdığı tek ya da birkaç satırlık metin. Üstünde bir etiket, altında yardım metni ya da bir hatanın mesajı, iki ucunda ikonlar, onu temizleyen bir düğme ve karakterlerinin sayacıyla birlikte gelir.

value

Metni, çağıranın tuttuğu bir String olan metin alanı: alan value'yu gösterir ve kullanıcının her değişikliğini onValueChange'e sorar.

field

Bir formun alanına bağlı metin alanı: metni, hatası ve adı field'dan gelir.

TextFieldStyle

PantrixTextField'ın kutusu: şekli, en az yüksekliği ve genişliği, metninin çevresindeki boşluk, ikonları ve kenarlığı.

TextFieldColors

Temanın renklerini almayan bir alan için PantrixTextField'ın boyandığı renkler: verilen renk kullanılır, verilmeyen temadaki rolünde kalır. Bir ürün yalnızca değiştirdiği renkleri verir, başkasını vermez:

Erişilebilirlik

• Klavye ve dönüşümler. keyboardOptions klavyenin türünü ve eylem tuşunu seçer, onKeyboardAction o tuşa basılınca çağrılır. Sayı yazılan ve eylemi olan alan klavyesini numberKeyboardOptions ile ister: iPhone'un sayı tuş takımında eylem tuşu yoktur. inputTransformation yazılanı alana girmeden değiştirir ya da geri çevirir; outputTransformation metni değiştirmeden nasıl gösterileceğini söyler. contentType platforma alanın ne tuttuğunu söyler: alanı o doldurabilsin diye.
• Odak, devre dışı ve salt okunur. Odağı kutunun kenarlığı gösterir: primary renginde ve daha kalın, ayrıca bir halka çizilmez. Bir dialog'un ya da sheet'in altında kalan alan odağını korur, ama dinlenirken ve imleçsiz çizilir. enabled = false alan odak almaz; readOnly alan odaklanır, metni seçilir ve kopyalanır.