Формуляри

Препис

1

2 1. Основни тагове при изграждане на формуляр (form) - отварящ таг, затварящ таг - таг input, който може да съдържа няколко атрибута, няма затварящ таг и затова наклонената затваряща черта се изписва в края на самия таг. Типичната структура на един формуляр изглежда така: <input type="стойност" /> <input type="стойност" /> <input type="стойност" />...

3 2. Въвеждане на поле за текст във формуляр - атрибути и стойности <input type="text" /> Атрибут name, който приема като стойност името, което дадете на полето. Атрибута size задава дължината на текстовото поле в брой символи /например size="45"/. Ако не използвате този атрибут дължината на текстовото поле по подразбиране ще бъде 20 символа. Атрибут value задава се текст, който да се вижда в текстовото поле преди още клиента да е въвел някаква информация. Атрибут maxlenght - може да въведете ограничение на броя на изписваните в текстовото поле символи.

4 Вашето име: <input type="text" name="name size="45" maxlenght="40" /><br /> Вашия имейл: <input type="text" name=" address" size="45" maxlenght="40" /> <br /> Вашия уеб-адрес: <input type="text" name="webaddress" size="45" maxlenght="40" value=" /> Ефекта от горния код в страницата е следния:

5 3. Множествен избор. Въвеждане на полета за маркиране във формуляр - на атрибута type от тага input се задава стойност checkbox - поне 2 на брой или повече полетата за маркиране. - Името, което ще се присвои като стойност на атрибута name трябва да бъде еднакво за всички полета за маркиране от формуляра, за да се покаже, че това са документи, подчинени на една и съща тема. - Чрез атрибута value се задава название на съответното поле за маркиране, чрез което полетата да се различават /тъй като имената им зададени с атрибута name е задължително да са еднакви/. - Ако желаете едно от полетата за маркиране да бъде маркирано предварително /по подразбиране/, трябва да използвате атрибута checked, като му зададете за стойност собственото му название (checked="checked ).

6 От кого бихте се отървали, ако ви падне случай?<br /> <input type="checkbox" name="choice" value="tashta" checked="checked" /> Тъщата<br /> <input type="checkbox" name="choice" value="jena" /> Жената<br /> <input type="checkbox" name="choice" value="sasedi" /> Съседите Ефекта от горния код в HTML-страницата е следния:

7 4. Единичен избор. Въвеждане на радио-бутони във формуляр За да се изработи радио-бутон е нужно на атрибута type от тага input да се зададе стойност radio Всички останали атрибути и правила са като при полетата за маркиране.

8 От кого бихте се отървали, ако ви падне случай? (Може да изберете само една възможност)<br /> <input type="radio" name="onechoice" value="tashta" checked="checked" /> Тъщата<br /> <input type="radio" name="onechoice" value="jena" /> Жената<br /> <input type="radio" name="onechoice" value="sasedi" /> Съседите Ефекта от горния код в HTML-страницата е следния:

9 5. Падащи менюта - Тага за падащо меню е option. - Всяко падащо меню задължително започва /след тага form/ с тага select, който има затватящ таг непосредствено преди затварящия таг на form и в който чрез атрибута name се задава име, обединяващо всички възможности в падащото меню.

10 От кого бихте се отървали, ако ви падне случай? (Падащо меню)<br /> <select name="chooseone"> <option value="tashta">тъщата</option> <option value="jena">жената</option> <option value="sasedi">съседите</option> </select> Ето как ще изглежда менюто в прозореца на браузъра:

11 От кого бихте се отървали, ако ви падне случай? (Mеню с възможност за множествен избор)<br /> <select name="multichoice" size="2" multiple="multiple"> <option value="tashta">тъщата</option> <option value="jena">жената</option> <option value="sasedi">съседите</option> </select> Горния код изглежда в страницата по следния начин:

12 6. Многоредови полета за въвежадане на текст - таг textarea, който притежава затварящ таг. Атрибутите на тага: - Атрибут name - определя названието, под което ще се съхранява и обработва тази част от формуляра - Атрибут rows, на който се присвоява като стойност някаква цифра, указваща височина на полето в брой редове - Атрибута cols, на който се присвоява като стойност някаква цифра, указваща ширината на полето в брой знаци /цифри, букви и др./

13 Вашия коментар:<br /> <textarea name="comentar" cols="50" rows="10">смятам че </textarea> Ефекта в прозореца на браузъра е следния:

14 7. Поле за въвеждане на парола - таг input атрибут type със стойност "password": Въведете своята парола: <input type="password" name="parola" /> На страницата ще се вижда следното:

15 8. Поле за прехвърляне /upload/ на файлове - на атрибута type от тага input се присвоява стойността file. - атрибути size и name, с които се задава съответно дължина на полето в брой символи и название, което да съответства на предназначението на полето. - поле и бутон с надпис Browse. Прехвърлете файл от личния си компютър: <input type="file" size="25" name="uploadfile" /> Ефекта в прозореца на браузъра е следния:

16 Начини за обработване на формуляри А) Бутони: - "Submit" - данните се изпращат за обработка и съхранение и по този начин завършва работата по попълването на формуляра. - "Reset" - формулярът се изчиства и се изтриват попълнените вече данни За изработването на бутона "Submit" в HTML е предвидена следната команда: <input type="submit" value="submit" /> Ефекта от горния код в прозореца на браузъра е следния:

17 Б) Указване на начин за обработка на формуляра За да изпратите формуляра на някакъв имейл е необходимо само да добавите в отварящия таг form /най-първия таг на всеки формуляр/ атрибута action и да му зададете като стойност адреса на имейла в който трябва да пристигне информацията, придружен от формата mailto:: <form

Формуляри

HTML - формат на текст

HTML - списъци

Регистрация на профил в Google и работа с облака Google Drive (Google Диск) I. Създаване на Google акаунт Първо зареждате или

ICS Natioanal

Използване на Гугъл Диск

Десислава Цокова ЗАБАВНИ ОБУЧИТЕЛНИ ИГРИ С LEARNING APPS НЕОБХОДИМИ РЕСУРСИ Компютър, интернет за създаването и ползването им. Регис

РЪКОВОДСТВО ЗА РАБОТА С ЕЛЕКТРОННА ПЛАТФОРМА ЗА ТЪРСЕНЕ И ПРЕДЛАГАНЕ НА ЗАНИМАНИЯ ПО ИНТЕРЕСИ НОВО: За учебната година в електронната платфо

IP150 Интернет Модул Ръководство за потеребителя V1.3 - IP150-EU02 02/2015 Представяне Интернет модул IP150 е интернет комуникационен

Mobi-B мобилен портфейл Инструкция за работа

ЕДИС СОФТУЕР ЕООД Пловдив, тел , ЕДИС-АСО ИЗТЕГЛЯНЕ И ИНСТАЛИРАНЕ НА АКТУАЛИЗАЦИЯТ

Smart Review_.indd

Ръководство за печат през AirPrint Вариант 0 BUL

Електронно подаване на документи за участие в кандидатмагистърската кампания на Факултет по математика и информатика на Софийски университет Св. Климе

Microsoft Word - Primer3_1.doc

Програмиране на Паскал

ВНИМАНИЕ

МОДУЛ 2 ВАРИАНТ НА ПРАКТИЧЕСКА ЗАДАЧА ЗА НАЦИОНАЛНО ОНЛАЙН ОЦЕНЯВАНЕ НА ДИГИТАЛНИ КОМПЕТЕНТНОСТИ X КЛАС от 2016 г. УСЛОВИЕ НА ЗАДАЧАТА За тази задача

WEB портал за съобщаване на проблеми в СО Район Банкя Ръководство на потребителя I. Общ изглед на портала, вход и регистриране на потребител След отва

Ръководство за бързо стартиране Microsoft Outlook 2013 изглежда по-различно от предишните версии и затова създадохме този справочник, за да ви помогне

ЕВРОПЕЙСКИ СЪЮЗ Европейки фонд за регионално развитие Инвестираме във вашето бъдеще ОПЕРАТИВНА ПРОГРАМА Развитие на конкурентоспособността на българск

PowerPoint Presentation

КАК РАБОТИ СОЦИАЛНА МРЕЖА ЗА ДОБРИ ДЕЛА- ВОЛОНТАЙМ Всяка регистрация в социалната мрежа е безплатна. Нито фирма Волонтайм, нито друг

Университет - библиотека - образование и дигиталният достъп University - Library - Education and Digital Access

Slide 1

Мебели Виденов - поща на Андроид устройство

Release notes_V3.0_BG

УКАЗАНИЯ ЗА РОДИТЕЛИТЕ Изберете Детски градини или Яслени групи в детски градини Изберете меню Регистрация Попълнете входните данни за родител/настойн

СЪЗДАВАНЕ НА СЪДЪРЖАНИЕ, ИНДЕКСЕН УКАЗАТЕЛ И ВМЪКВАНЕ НА ПОЛЕТА I. СЪЗДАВАНЕ НА СЪДЪРЖАНИЕ Съдържанието се създава по съществуващ в Word форматен стил

ТЕХНИЧЕСКА ХАРАКТЕРИСТИКА WIFI SMART ДВУКАНАЛЕН КЛЮЧ Функции: Двуканален безжичен ON/OFF ключ. Управлява се от смартфон или таблет през интернет чрез