Ինչպես թաքցնել կոճակը

Բովանդակություն:

Ինչպես թաքցնել կոճակը
Ինչպես թաքցնել կոճակը
Anonim

Երբեմն, վեբ էջ դնելիս, անհրաժեշտ է թաքցնել դրա մեջ տեղադրված որոշ տարրեր: Օրինակ, եթե ցանկանում եք, որ այցելուը չտեսնի ձևի ներկայացման կոճակները, մինչև լրացվեն բոլոր պահանջվող դաշտերը: Կամ եթե կոճակը այցելուի կողմից ընդհանրապես նախատեսված չէ օգտագործել, բայց այս էջում տեղադրված սցենարը պետք է «կտտացնի» այն:

Ինչպես թաքցնել կոճակը
Ինչպես թաքցնել կոճակը

Հրահանգներ

Քայլ 1

Օգտագործեք Կասկադի ոճի թերթիկների (CSS) ցուցադրման հատկությունը `ցանկալի էջի տարրերը անջատելու կամ ցուցադրելու համար: Միջազգային ստանդարտների համաձայն, այս հատկությանը կարող է տրվել մեկուկես տասնյակից ավելի արժեքներ, որոնք սահմանում են ցուցադրման տարբեր եղանակներ: Այնուամենայնիվ, միայն չորսը խաչաձեւ զննարկիչ է (այսինքն, աշխատում է բոլոր հիմնական զննարկիչներում): Այս չորսների մեջ կա ձեզ հարկավոր ոչ մի արժեք, որը թույլ է տալիս թաքցնել էջի ցանկալի տարրը:

Քայլ 2

Ստեղծեք CSS ուղեցույցների պահանջվող հավաքածու: Իր ամենապարզ տեսքով դա կարող է նման լինել. Կոճակ {ցուցադրել: ոչ;} Այս դեպքում էջը չի ցուցադրի բոլոր կոճակները ՝ օգտագործելով… պիտակը:

Քայլ 3

Հրահանգների մեջ դասի անվան վրա նշեք ավելացրեք, եթե ցանկանում եք թաքցնել միայն մեկ կոճակ կամ կոճակների որոշակի խումբ: Օրինակ, անվանեք այդպիսի դասի HideBtns և ավելացրեք այս անունը CSS հայտարարության մեջ. Button. HideBtns {ցուցադրում: ոչ;} Էջի HTML կոդի մեջ ցանկալի կոճակին ավելացրեք դասի հատկանիշը և նշանակեք HideBtns արժեքը ՝ թաքնված կոճակ

Քայլ 4

Կիրառեք ցուցադրման հատկությունը ոչ արժեքով ծնողի տարրին, եթե ուզում եք, օրինակ, թաքցնել ոչ միայն կոճակը, այլ նաև ոստայնի ձևի այլ տարրեր: Ձևը համարվում է «և» պիտակների միջև տեղադրված բոլոր տարրերի «ծնողը»: Օրինակ:

Այստեղ ձևի մեջ տեղադրվում են տեքստի դաշտ և մուտքագրված արժեքը ներկայացնելու կոճակ: Ձևը նշանակվում է HideForm անունով դասի, այնպես որ ինչպես մուտքային դաշտը, այնպես էլ կոճակը թաքցնելու համար հարկավոր է փոխել CSS հայտարարությունն այսպես. Form. HideForm {ցուցադրում: ոչ;}

Քայլ 5

Տեղադրեք պատրաստի կոդը վերը նշված օրինակում վեբ փաստաթղթի վերնագրում (և պիտակների միջև): Այցելուի զննարկիչին ասելու համար, որ սա CSS կոդ է, այն պետք է կցված լինի HTML ոճի բացման և փակման պիտակների միջև.

button. HideBtns {ցուցադրում ՝ ոչ մեկը;}

Խորհուրդ ենք տալիս: