Olyan szövegdobozt szeretnék, amibe max.200 karakter írható be. Ha megoldható html-el leírnátok?
válasza: válasza:Két féle képpen tudod megcsinálni javascript-el, nagyságukat pedig CSS kódokkal tudod beállítani:
1. XY hosszúságú szöveget írhatsz be, ha eléred a limitet, nem írhatsz többet.
2. XY hosszúságú szöveget írsz, ha meghaladod kapsz egy alert box-ot, egy szöveggel, mint például: "elérted a beírható karakterek számát!". Mindkettőt leírom neked.
//////////////1.VERZIÓ//////////////
------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " [link]
<html xmlns=" [link]
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
.szoveg {
width:250px;
height:300px;
}</style>
</head>
<body>
<input name="SZOVEG" class="szoveg" type="text" value="" maxlength="200" /></body>
</html>
---------------------------------
//////////////////////////////////
Magyarázat az első verzióhoz:
Ha akarod hogy legyen szöveg amit ki kell törölni hogy írj pl. "Ide írd az e-mail címed", akkor a szöveget a value="" részhez írd, a két macskaköröm közé.
maxlength="200" - Maximum beírható karakterek száma
class="szoveg" - A head tagok között lévő css tagokból származó, div csoport neve(.szoveg)
--------------------------------------------------
/////////////////2.VERZIÓ/////////////////////////
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " [link]
<html xmlns=" [link]
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
.szoveg {
width:250px;
height:300px;
}</style>
</head>
<body>
<input name="SZOVEG" class="szoveg" type="text" value="" onkeyup="if (this.value.length > 200) { alert('A beírható karakterek számát elérted! (200) '); this.value = this.value.substr(0,5); }" /></body>
</html>
///////////////////////////////////////
---------------------------------------
Remélem tudtam segíteni!! :)
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!