Документац?я шаблону [ перегляд ] [ редагувати ] [ ?стор?я ] [ очистити кеш ]

{{Inputbox}} виводить короткий рядок тексту так, наче в?н перебува? в пол? вводу. одним ?з приклад?в використання ? в?дтворення (емуляц?я) поля опису редагування .

Код

{{Inputbox|/* Заголовок */ М?й опис редагування}}

Да?

/* Заголовок */ М?й опис редагування

• Перед шаблоном можна додавати стандартн? в?дступи, як для тексту, за допомогою ≪:≫, ≪*≫, або ≪:*≫.
• Шаблон використову? в?зуальний формат для ≪messagebox≫ у В?к?пед?? (monobook: чорний текст на б?лому тл?, 80% ширини екрану), без проб?л?в (через nowrap).
• Якщо Ви використа?те дуже довге речення, перенесення рядка тексту не буде. Натом?сть текст виходитиме за меж? екрану ? з'явиться горизонтальний повзунок для вс??? стор?нки. Можна зм?нити за допомогою параметр?в, але тод? вигляд такого поля все одно в?др?знятиметься в?д стандартного поля для опису редагування (у якому ? можлив?сть прокрутки, але в?дсутн?й повзунок.
• Так само як ? в ?нших шаблонах, якщо Ваш текст м?стить знак р?вност?, Вам доведеться скористатися параметром ≪1=≫, або взяти весь текст чи потр?бну його частину в теги <NOWIKI>...</NOWIKI> .
• Будь ласка, не п?дставляйте (через subst: ) цей шаблон.

Стандартн? значення зазвичай беруться з class=messagebox .

overflow

Як текст поводитиметься, якщо його довжина перевищу? довжину поля. Можна приховати зайвий текст через ≪hidden≫ (довжина поля залиша?ться сталою, а текст, який ?? перевищу?, ста? прихованим), уможливити прокрутку ≪scroll≫ (знизу поля з'явиться горизонтальний повзунок для прокрутки, скориставшись яким можна буде побачити решту тексту), або зробити його видимим через ≪visible≫ (поле розширюватиметься наст?льки, наск?льки буде потр?бно, щоб ум?стити довгий текст [працю? в Internet Explorer та Opera, за деякими в?дгуками може не працювати у Firefox]). (стандартно використову?ться значення ≪visible≫) ? Див. також приклади.

width

Ширина поля, може мати значення ≪50%≫, ≪20em≫, ≪40ex≫ тощо (стандартно використову?ться ≪80%≫) ? бажано використовувати в?дносн? значення (так? як %, em, та ex) зам?сть тих, як? залежать в?д пристрою (п?ксел?).

style

Дозволя? додавати через крапку з комою ?нш? CSS-стил? у формат? ≪назва:значення; назва:значення; тощо≫ (стандартно цей параметр ? порожн?м) ? ≪width≫ та ≪overflow≫ теж можна, за бажання, прописати тут.

Код

{{Inputbox|width=20%|Це поле надто мале для мене! Як я можу в нього пом?ститись?}}

Да?

Це поле надто мале для мене! Як я можу в нього пом?ститись?

Це поле, попри встановлене значення ширини, розширю?ться, щоб ум?стити весь введений текст (це стандартне значення overflow=visible; не працю? в деяких браузерах).

Код

{{Inputbox|width=20%|overflow=hidden|Це поле надто мале для мене! Як я можу в нього пом?ститись?}}

Да?

Це поле надто мале для мене! Як я можу в нього пом?ститись?

Це поле збер?га? встановлену ширину 20%, а зайвий текст прихову?.

Код

{{Inputbox|width=20%|overflow=scroll|Це поле надто мале для мене! Як я можу в нього пом?ститись?}}

Да?

Це поле надто мале для мене! Як я можу в нього пом?ститись?

Це поле збер?га? встановлену ширину 20%, але дода? горизонтальний повзунок, щоб прихований текст можна було прочитати.

Код

{{Inputbox|style=background-color:yellow; color:red; width:40%;|Мо? оч?! Мо? оч?!}}

Да?

Мо? оч?! Мо? оч?!

Це поле використову? стил?, прописан? у в?льн?й форм?, де можна вказати що завгодно, якщо це не виходить за меж? можливостей CSS, у тому числ? тут можна задати й ширину поля.

Повноц?нний приклад ?з прихованою таблицею

Оск?льки д?йсн? <FORM><INPUT> не дозволен? у в?к?розм?тц?, вигляд таких пол?в доводиться емулювати. Код CSS розроблений так, щоб уникати жорсткого кодування кольор?в ? розм?р?в, ? його треба зм?нювати з обережн?стю, з урахуванням таких м?ркувань:

• CLASS="messagebox" бере кольори й ширину для поля з теми оформлення користувача. Тому, нав?ть якщо кольорова схема ? це б?лий текст на чорному тл?, наше емульоване поле вводу виглядатиме в?дпов?дно (зам?сть використання чорного тексту на б?лому тл?, що виглядало б у так?й тем? оформлення неоковирно).
• "border:0.15em;" використову? неабсолютну ширину рамки, яка в?дтворюватиметься приблизно однаково на будь-якому екран? (на в?дм?ну в?д жорстко? ширини в п?кселях).
• "inset" дещо зм?ню? вигляд "messagebox", запозичений ?з в?дпов?дного батьк?вського елемента, щоб забезпечити приблизне 3D-зм?щення поля, яке в?дтворю?ться кожним браузером в?дпов?дно до цього значення.
• "padding:0.1em;" потр?бно для уникнення ≪приклеювання≫ тексту до кра?в у браузерах, як? ч?тко дотримуються значення ≪padding≫, ? тут, як ? у вс?х ?нших випадках, краще використовувати в?дносне значення em зам?сть п?ксел?в. (Зокрема, в браузер? Opera, значення "padding:0" робитиме саме те, що прописано, тобто в?дступу в?д кра?в не буде).
• "margin:0.1em;" призначено для уникнення ≪приклеювання≫ дек?лькох пол?в одне до одного; теж сл?д використовувати в?дносне значення em зам?сть п?ксел?в.

Результат не ? ?деальним полем вводу у формат? 3D, але мав би давати непогане уявлення, про що йдеться, незалежно в?д браузера, налаштувань кольор?в чи розд?льно? здатност? екрана пристрою.