5.00 / 1 oy

CSS ile bir input'a (textbox) nasıl yazılması engellenir?

Başlığı tam olarak nasıl açabileceğimi bilemediğim için dolaylı bir başlık gibi oldu, ama amacım input'un disabled ya da readonly özelliklerini kullanmadan bir text input'unu kullanıcı tarafından editlenemez hale getirmek. Yani kullanıcı bir text input'unun üzerine gelince imleç ile bu input'u seçemeyecek ve içindeki yazıyı da değiştiremeyecek ve içine de yazı yazamayacak.

css ile bu amaçla kullanılabilecek bir etiket var: pointer-events. pointer-events css özelliği ile bir text input alanını aşağıdaki gibi salt okunur duruma getirebiliyoruz:

<!DOCTYPE html>
<html>

<head>
<title>CSS disable input</title>
<style type="text/css">
#kullaniciadi {
    pointer-events: none;
 }
</style>
<style>

</style>
</head>

<body>
	<input type="text" id="kullaniciadi" value="beni değiştiremezsin" >
</body>

</html>

css readonly input

Önceki yazılarımdan bazıları için;

bkz: Javascript/HTML ile parolayı göster gizle butonu yapımı

bkz: Udemy videolarını 1080p olarak izlemek

bkz: Uri Nedir?

bkz: En Sık Kullanılan Linux Terminal Komutları ve Anlamları

bkz: Clipboard nedir?

bkz: Javascript ile mikrofondan konuşma algılama uygulaması yapmak

RainingCodes

04.04.2021 16:03

Bu soru henüz yanıtlanmamış.

Bu soruya sadece kayıtlı kullanıcılar yanıt yazabilirler. Yanıt yazmak için lütfen giriş yapınız.

Reitix
CSS ile bir input'a (textbox) nasıl yazılması engellenir?

İnternet sitemizdeki deneyiminizi iyileştirmek için çerezler kullanıyoruz. Bu siteye giriş yaparak çerez kullanımını kabul etmiş sayılıyorsunuz. Daha fazla bilgi.