Съдържание
Още в първата част на този урок дефинирахме атрибутите, с които можем да работим, видяхме, че имаме някои нови за HTML5 и други, които не са, но когато става въпрос за изграждане на солидни полета, които ни помагат в основните процеси на сайта, това е, когато комбинацията от тях и правилното използване на всеки от тях ще ни помогне да съберем възможно най -добрите данни.Задаване на размера на поле
Както видяхме, имаме два атрибута, които влияят пряко върху размера на полето размер Y максимална дължина, единият регулира визуалната амплитуда на полето, а другият - количеството текст, който полето действително може да получи.
Нека да видим пример, използващ двата атрибута:
ПримерЯм:
Град:
Плодове:
Изпратете гласуване
В този пример виждаме как първото поле е посочено a максимална дължинаСамо с това казваме на браузъра, че може да приема само 10 знака, но може да зададе ширината по подразбиране, във второто поле посочваме размер С това, което му казваме колко широк трябва да бъде, обаче не ограничаваме въвеждането на текст и в третото прилагаме и двете условия, нека видим как работи в браузъра.
След като видяхме разликата между тези две полета, в този пример ще демонстрираме ефективно как да ги приложим към формуляр, нека видим как да ги използваме в следния код.
ПримерЯм:
Град:
Плодове:
Изпратете гласуване
Както можем да видим в първите две полета, заместителят показва помощ за това, което потребителят трябва да въведе, тази стойност, която съдържа заместителят, не е стойността на полето за въвеждане, така че ако изпратим тези полета, те ще пристигнат празни, вместо трето поле Той има нещо вече поставено в атрибута value, това ако би било предадено при подаване към споменатия формуляр.
Нека видим как браузърът би ни показал това
Понякога трябва да работим с полета само за четене, или защото стойността не трябва да се променя от потребителя, или е само информативна. Възможно е също така, че това е резултат от предишно филтриране от потребителя и само тази стойност може да се види, за това имаме две опции, които въпреки че изглеждат еднакви, са напълно различни.
Вече видяхме атрибута Само за четене и знаем, че това е така, че полето не може да бъде променено, ние също имаме атрибута хора с увреждания, изпълнява същата функция като Само за четене, обаче, когато правите Изпращане всички полета хора с увреждания те не са представени, така че сякаш не съществува във формата.
Нека видим горното, обяснено с практически пример.
ПримерЯм:
Град:
Плодове:
Изпратете гласуване
Можем да видим, че първото поле е деактивирано, а второто само за четене, когато деактивираното се показва в браузъра, то се появява със сиво оцветяване, обикновено свързано с това, че не е разрешено, докато само за четене се разглежда като нормално поле, въпреки че ако се опитаме за да пишете на никого, никой няма да ни позволи да въведем текст.
Нека да видим как е примерът:
