Veidlapa ar veidotām etiķetēm
Veidlapas etiķetes veidošana, izmantojot CSS. Veidlapas elements, ko izmanto, lai apzīmētu dažādus tīmekļa lapas veidlapas laukus un ievades apgabalus, ir etiķetes elements. To var veidot, izmantojot Cascading Style Sheet noteikumus.
1. darbība
Lai veidotu etiķetes elementus tā, kā tie parādās ievada attēlā, ir jāizmanto etiķetes elements ar atribūtu "for". Turklāt pirms paša elementa "ievades" pievienošanas ir jāaizver etiķetes elements. Pilnas veidlapas HTML kods, kas parādīts attēlā.
Dienas video
2. darbība
Lai veidotu etiķešu elementus, es liku etiķetes parādīt kā bloka līmeņa elementus, kas tika peldēti pa kreisi. Pēc tam es piešķīru etiķetēm platumu, lai visi ievades lauki būtu vienādā attālumā no etiķetēm. Es piešķīru krāsu un tekstu padarīju treknrakstā. Es izmantoju ģenerētu saturu, lai aiz etiķetes pievienotu kolu (: ). (Kols var nebūt redzams katrā pārlūkprogrammā.)
Šeit ir CSS:
etiķete { krāsa: #B4886B; fonta svars: treknrakstā; displejs: bloks; platums: 150 pikseļi; pludiņš: pa kreisi; } etiķete: aiz { content: ": " }
3. darbība
Pilnības labad es jums parādīšu arī CSS, kas izmantots lauku kopas stila veidošanai, jo etiķetes elementus ietver lauku kopa ar apmalēm.
Lūk, šis CSS:
fieldset { border: 1px solid #CCA383; platums: 400 pikseļi; fons: #FFE8EF; polsterējums: 3px; } lauku kopas leģenda { fons: #CCA383; polsterējums: 6 pikseļi; fonta svars: treknrakstā; }
4. darbība
Varat veikt daudzas citas darbības, lai veidotu etiķetes elementus. Mans piemērs ir tikai viens veids, kā to izdarīt.
Veidlapas HTML
Lietas, kas jums būs nepieciešamas
Darba zināšanas par HTML
Darba zināšanas CSS
