Logo Luan Morina
Demonstrim i zonës së tekstit, me projektim me CSS

Si përdoret fusha e formularit me zonë të tekstit

Zona e tekstit përdoret për të dërguar të dhëna me formular. Sikur edhe për të gjitha elementet e gjuhës HTML, pamja e zonës së tekstit mund të ndryshohet me CSS, sikur në shembullin këtu.

Atributi lang në një etiketë <textarea> specifikon gjuhën e zonës së tekstit. Vlera e gjuhës përdoret për qasjen e faqes, përkthimet dhe qëllimet e optimalizimit të makinave të kërkimit.

Të gjithë shfletuesit e njohur e ofrojnë kontrollin e drejtshkrimit shqip gjatë plotësimit të tekstit në fushat e formularit, por përdoruesi (ose administruesi i një organizate) duhet ta vendosë gjuhën shqipe në listën e gjuhëve.

HTML

<form class="formulari" method="get" action="">
<textarea placeholder="Fut këtu diçka interesante për të na treguar..." class="zona" name="text" rows="4" maxlength="60"></textarea> 
</form>

CSS (i demonstrimit)

@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap'); 

.formulari {
  background-color: #FFF;
  color: #222;
  font-family: "Shadows Into Light", cursive;
  font-weight: normal;
  font-size: 24px;
  resize: none;
  line-height: 40px;
  padding-left: 120px;
  padding-right: 120px;
  padding-top: 45px;
  padding-bottom: 34px;
  background-image: url(vijat.png), url(letra.png);
  background-repeat: repeat-y, repeat;
}
  
.zona {
  background-color: transparent;
  outline: none;
  border: none;
  margin: 0px;
  padding: 0px;
  font-family: "Shadows Into Light", cursive;
  overflow: hidden; 
  word-wrap: break-word; 
  resize: none; 
  width: 100%;
  height: 160px; 
}
   Fusha e formularit me zonë të tekstit