Етап 1. коса форми:
Ами, да започнем? По това време няма да започнем с рамката на нашата форма, и веднъж с стиловете, които ще използвате за създаване на цялостни форми за обратна връзка. Стилове ще останат същите, както в предишния урок. Те ще изглежда така:
Стъпка 2. HTML рамка форма.
- клас = "празен ход" - На първо място, ние определяме всяко поле на нашата форма е такава стил по подразбиране, с наклон фон;
- onFocus = "this.className = 'activeField" - Сега ще добавим събитието чрез onFocus стил с бял фон. Това събитие ще се прояви само когато курсорът кликнете върху полето и с въвеждането в нея на всички символи;
- onBlur = "this.className =" празен ход "- Сега сме по време на събитието onBlur да добавите стил на нашия фон градиент. Това събитие ще засили нашата стил по подразбиране за последващо дисплей правилно след въвеждането на фона на всички знаци.
Надявам се, че най-малко научих нещо интересно за себе си от това, което току-що ви казах. Тогава всички събития, които сме използвали и стила се прилагат за всяко поле на нашата форма и бутон, както добре. По-долу давам пълен завършен вариант на моя дизайн:
Искрено Вашият пътеводител в света на CSS - MK
До получаване на информация от два канала (зрение и слух) на ефективността на обучението далеч по-добър живот от книги. А домашните задачи и онлайн тестове ще ви позволи да мисля постоянно в целевия език и веднага провери знанията си!
Ако искате по-дълго време, за да проучи как да се HTML, че ме има, за което трябва добра новина!
Ако вече сте се научили HTML и искат да се движи напред, следващата стъпка ще бъде да се проучи CSS технологията.
Ако искате да се разбере концепцията на домейн и хостинг, да научат как да се създаде база данни, да качвате файлове към уеб сайт чрез FTP сървър, създаване на поддомейни, да конфигурирате пощенските кутии за сайта и мониторинг на посещаемостта, този курс е разработен специално за вас!
Свързани статии