HTML Bölüm 33'ü Öğrenme: HTML Formlarında Giriş Türü Dosyalarını Kullanma, Nitelikleri ve Giriş Türü Görüntüsünü Kabul Etme

Bazı amaçlar için kesinlikleCV ekleri, portföyler, fotoğraflar ve diğerleri gibi web sitenize dosya veya resim ekleri yükleyebilen bir forma ihtiyaç duyarsınız. Şimdi, yükleme işlevini yapmak için <input> etiketini kullanın. <input> etiketi kullanıcıdan bilgi istemek için elemanlar oluşturmak için kullanılır.

Önceki derslerde,metin, şifre, gönderme, onay kutusu ve radyo gibi giriş türlerine sahip <input> etiketlerinin kullanımını öğrenin. Bu öğreticide ele alınacak olan şey, girdi dosyası türüyle <input> etiketinin ve accept niteliğiyle aşağıdaki görüntünün kullanılmasıdır. İki giriş türü değeri ve özniteliği hakkında daha fazla bilgi için aşağıdaki eğiticiye bakalım:

Girdi dosya türü

Type = "file" özelliğine sahip giriş etiketleri kullanılırdosya yüklemek için. Genel olarak, type = "file" özniteliğinin kullanımı PHP'nin kullanımıyla ilgilidir. Aşağıda, HTML formunda "file" türüyle <input> etiketini yazma ve kullanma örneği verilmiştir:

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Tag Input Tipe File pada form HTML</title>
</head>
<body>
<form action="proses_input.php" method="get">
NIM : <input type="text" name="nim" size="11" maxlength="9"> <br><br>
Upload CV : <input type="file" name="cv"> <br><br>
<input type="submit" value="SUBMIT">
</form>
</body>
</html>

Tarayıcıdaki ekran şöyle:

tarayıcı onun yanında başlıklar ile bir düğme görüntülenir, bir isim ve bir başlığı düğme kullanılan web tarayıcısı bağlı olarak farklılık gösterir.

Özellik Kabulü

Accept özelliği belirtmek için kullanılır veyamüzik dosyaları, belge dosyaları, görüntü dosyaları veya diğer dosyaları yüklenebilecek dosya türlerini sınırlar. Bu özellik, type = "file" özelliğiyle <input> etiketini kullandığınızda kullanılır. Bu özelliğin değerleri:

Dosya uzantısı: .doc, .pdf, .jpg gibi bir dönemle başlayan dosya uzantısı.
ses / *
görüntü / *
video / *

Kabul et, kullanıcı özelliğini kullanarak bileyüklenen dosya türünü kolayca değiştirebilir. Bu nedenle, PHP ile web sunucusu tarafında dosya türü kısıtlamasının da belirlenmesi daha iyidir. Aşağıda HTML biçiminde accept niteliğini yazma ve kullanma örneği verilmiştir:

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Atribut Accept pada form HTML</title>
</head>
<body>
<form action="proses_input.php" method="get">
Judul Lagu : <input type="text" name="lagu" size="11"> <br><br>
Mp3 : <input type="file" name="file_musik" accept="audio/*"> <br><br>
<input type="submit" value="SUBMIT">
</form>
</body>
</html>

Yukarıdaki kod tarayıcı üzerinde yürütülür kez aşağıda resimdeki gibi görünecektir:

Giriş görüntü türü

Type = "image" özelliğine sahip giriş etiketleri kullanılırforma bir resim eklemek için. Görüntünün kullanıcı tarafından tıklanabilecek bir form nesnesi olarak işlev gördüğü yer. Ardından, kullanıcı görüntüyü tıklattığında web tarayıcısı görüntünün tıklandığı noktanın koordinatlarını görüntüler.

Nadiren kullanılsa da,kullanıcı belirli koordinatları tıkladığında diğer görüntüleri görüntülemek için girdi türü görüntü. Aşağıda, HTML türlerinde giriş türü görüntüleri yazma ve kullanma koduna bir örnek verilmiştir:

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Input Type Image pada Form HTML</title>
</head>
<body>
<h4>Contoh Penggunaan Input Type Image pada Form HTML</h4>
<form action="proses_gambar.php" method="get">
<input type="image" src="pantai.jpg" alt="pantai" width="400">
</form>
</body>
</html>

Yukarıdaki kod tarayıcı üzerinde yürütülür kez aşağıda resimdeki gibi görünecektir:

Çizim alanını tıklattığınızda, tıklattığınız görüntü alanındaki koordinatlar (x ve y) sunucuda da görüntülenir.

Bu, girdi dosya türlerinin, görüntülerin ve kabul özniteliklerinin kullanımının bir açıklamasıdır. Yeni başlayanlar için en yeni HTML öğrenme eğitimini almak için bu blogu ziyaret etmeye devam ettiğinizden emin olun.

</ P>

Daha fazla bilgi için: