Obsah
Již v první části tohoto tutoriálu jsme definovali atributy, se kterými můžeme pracovat, viděli jsme, že máme nějaké nové pro HTML5 a další, které nejsou, ale pokud jde o budování pevných polí, která nám pomáhají v základních procesech webu, je to, když nám jejich kombinace a správné použití každého z nich pomůže shromáždit nejlepší data.Nastavení velikosti pole
Jak jsme viděli, máme dva atributy, které přímo ovlivňují velikost pole, to jsou velikost Y maximální délka, jeden reguluje vizuální amplitudu pole a druhý množství textu, které pole ve skutečnosti může přijímat.
Podívejme se na příklad s použitím obou atributů:
PříkladJam:
Město:
Ovoce:
Odeslat hlas
V tomto příkladu vidíme, jak je zadáno první pole a maximální délkaPouze tímto řekneme prohlížeči, že může přijmout pouze 10 znaků, ale může přiřadit výchozí šířku, ve druhém poli určíme velikost S tím, co mu řekneme, jak široký by měl být, nicméně neomezujeme zadávání textu a ve třetím aplikujeme obě podmínky, podívejme se, jak to funguje v prohlížeči.
Když jsme viděli rozdíl mezi těmito dvěma poli, v tomto příkladu budeme efektivně demonstrovat, jak je aplikovat na formulář, podívejme se, jak je použít v následujícím kódu.
PříkladJam:
Město:
Ovoce:
Odeslat hlas
Jak vidíme v prvních dvou polích, zástupný symbol označuje nápovědu k tomu, co musí uživatel zadat. Tato hodnota, kterou zástupný symbol obsahuje, není hodnotou vstupního pole, takže pokud tato pole odešleme, dorazí prázdná. třetí pole Má něco již umístěného v atributu value, toto by bylo předáno při odeslání do uvedeného formuláře.
Podívejme se, jak by nám to prohlížeč ukázal
Někdy musíme pracovat s poli pouze pro čtení, a to buď proto, že hodnotu by neměl upravovat uživatel, nebo je pouze informativní. Může se také stát, že je to výsledek předchozího filtrování uživatelem a je vidět pouze tato hodnota, proto máme dvě možnosti, které ačkoliv se zdají stejné, jsou zcela odlišné.
Atribut jsme již viděli pouze ke čtení a víme, že je to tak, že pole nelze upravit, máme také atribut zakázáno, funguje stejně jako pouze ke čtení, když však dělá Předložit všechna pole zakázáno nejsou předloženy, takže jako by ve formuláři neexistovalo.
Podívejme se na výše vysvětlené na praktickém příkladu.
PříkladJam:
Město:
Ovoce:
Odeslat hlas
Vidíme, že první pole je deaktivováno a druhé v režimu jen pro čtení, když se v prohlížeči zobrazí deaktivované, zobrazí se šedé zbarvení, obvykle spojené s neaktivací, zatímco readonly je vnímáno jako normální pole, i když se pokusíme psát komukoli, nikdo nám nedovolí zadat text.
Podívejme se, jaký je příklad:
