V kontaktním formuláři je pole “Symbol” - to definuje znak, jímž jsou označena pole, která požadujete mít od respondenta vyplněná. Tento znak (většinou se používá hvězdička) je však ve stejné barvě jako ostatní text a proto je dobré jej výrazně odlišit. Standardně se používá pro tento účel červená barva.



Pro změnu barvy hvězdičky stačí níže uvedený kód vložit do pole “Symbol”:

<span class=“hvezdicka”>*</span>

Do paletky Page Inspector / Header / CSS pak přidáme úpravu vzhledu:

.star {
color: red;
font-weight: bold;
}

Podle toho, které téma používáte, bude možná dobré hvězdičku ještě navíc zvětšit. A protože je její spodní účaří posazeno oproti ostatním zankům trochu výše, je dobré ho individuálně snížit - pak tedy použijte toto:

.star {
color: red;
font-weight: bold;
font-size: 1.5em;
vertical-align: -6px;
}

Stejnou úpravu pak můžete použít i v poli “Required”. Toto pole obsahuje text, který se objeví v případě, že nebyla vyplněna všechna tzv. povinná pole. V poli “Required” kódem nahraďte pouze hvězdičku, ostatní text ponechejte.

tag: HTML, formulář, email, komunikace