Студопедия
Случайная страница | ТОМ-1 | ТОМ-2 | ТОМ-3
АрхитектураБиологияГеографияДругоеИностранные языки
ИнформатикаИсторияКультураЛитератураМатематика
МедицинаМеханикаОбразованиеОхрана трудаПедагогика
ПолитикаПравоПрограммированиеПсихологияРелигия
СоциологияСпортСтроительствоФизикаФилософия
ФинансыХимияЭкологияЭкономикаЭлектроника

Меню: SELECT

Основні відомості | Інші списки | Основні відомості. | Основні відомості. | Створення посилання на поштову адресу | Основні відомості. | Основні відомості | Завдання 3.Форматування таблиць, вставка зображень в таблиці | Завдання 4. Оформлення таблиць. Створити таблицю | Завдання 5: Використання таблиць при розмітці веб - сторінок |


Читайте также:
  1. Select cutting edges ...

Нехай Вам представилася можливість вибрати одну з путівок у відповідності з наступним списком:

<SELECT NAME= «script»>

<OPTION VALUE = «tour1» > Путівка в Сочи

<OPTION VALUE = «tour2» > Путівка в Париж

<OPTION VALUE = «tour3» > Путівка в село Малинівка

Якщо Ви вибрали Путівку в Париж, то при натисненні на кнопку submit в програму обробки буде введено: script = tour2

Команда SELECT може містити атрибут MULTIPLE, при якому можна вибрати декілька елементів меню одночасно.

Висоту вікна можна задати атрибутом SIZE= N.

Якщо в рядку OPTION заданий атрибут checked, то даний елемент задається по замовчанню.

8) Кнопка введення: TYPE=submit

Це і є та сама кнопка, про яку ми так часто згадували.

<INPUT TYPE = submit VALUE = «Введення даних» >

9) Кнопка скасування: TYPE = reset

Кнопка виконує ініціалізацію початковими значеннями всіх полів.

<INPUT TYPE=reset VALUE= «Очистити поля» >

10) Команди META Створивши сторінку, Ви, безсумнівно, захочете щоб Вас змогли «знайти» всі користувачі, що цікавляться даним питанням.

Тут можна йти двома основними шляхами:

1. «Відмітитися» в пошукових системах. Є служби, що дозволяють зареєструватися на декількох серверах одночасно.

2. Вставити всередині блоку <HEAD>...</HEAD> команди META.

Основне призначення команд META - інструкції для пошукових машин про тематику Вашої сторінки.

Для цих цілей використовуються наступні параметри:

- description - короткий опис сторінки,

- keyword - список ключових слів в сторінці.

З інших застосувань команд META важливо привести команди, що дають інструкції броузеру про кодування Вашої сторінки.

<META HTTP-EQUIV = «Content-type» CONTENT = «text/html; charset=windows-1251»> для кодування в Windows/1251,

<META HTTP-EQUIV = «Content-type» CONTENT = «text/html; charset=koi8-r»> для кодування в KOI-8.

Рівень I

1. Створіть нову форму. Виділеним шрифтом (на свій вибір, наприклад потовщеним або підкресленим) наберіть запитання форми:

З якими операційними системами ви працювали?

2. Запишіть тег <form>..</form> у ньому створіть перший варіант відповіді за допомогою елемента форми checkbox:

<input type="checkbox" name="system" value="os1">DOS

3. Аналогічно запишіть наступні варіанти відповіді змінюючи лише параметр value, де його значення будуть os2, os3, os4 ітд:

<input type="checkbox" name="system" value="os2"> Windows 3.1

<input type="checkbox" name="system" value="os3"> Windows 95

<input type="checkbox" name="system" value="os4"> Windows 98

<input type="checkbox" name="system" value="os5"> Windows NT

<input type="checkbox" name="system" value="os6">Windows 2000

<input type="checkbox" name="system" value="os8"> Windows XP

4. Спробуйте переглянути сторінку за допомогою браузера.

5. Форма працює, але не досить коректно розміщена. Розділіть варіанти відповіді тегом <br>:

6. Зробимо сторінку не такою сирою, Додамо на сторінку фон ось приклади одної сторінки з різними фонами оберіть свій. Спробуємо прикрасити створену форму. Створіть таблицю шириною 50% з двома рядками в кожному по одній комірці.

7. В верхній комірці розмістіть текст запитання, в нижній саму форму з варіантами відповіді.

8.Фон верхньої комірки зробіть чорним, а колір тексту білим. В тегу <table> допишіть параметри bordercolorlight="#738278" bordercolordark="#ffffff" Ось кінцевий результат:

Рівень II

  1. Створіть нову форму, яка повинна бути сторінкою інтернет магазину, Надрукуйте заголовок „Оберіть вид розрахунку”. У новому рядку створіть форму. В формі за допомогою об’єкта radio створіть варіант відповіді:

<input type="radio" name="moneytype" value="cash"> Готівка

  1. Аналогічно створіть решту об’єктів форми розділяючи їх тегом <br>
  2. Створіть кнопку з написом „Здійснити покупку”. Додайте зверху та знизу сторінки тег <hr>

Рівень III

1. Переробіть форму 2 так, щоб замість об’єктe radio використовувався об’єкт select:

<form action=money.php>
<select >
<option selected value="cash">готівка</option>
<option value="visa">visa</option>

...і так далі...

</form>

2. Допишіть у тегу select параметр multiple. збережіть та перегляньте зміни на сторінці За допомогою тега <fieldset> логічно згрупуйте всі елементи форми, текст заголовку помістіть в тег <legend>:

<fieldset> <legend >Оберіть вид розрахунку: </legend> <br> <select multiple> <option selected value="cash">готівка</option> <option value="visa">visa</option> …і так далі… </fieldset>  

Лабораторна робота №6

Тема: ”Використання спеціальних символів”


Дата добавления: 2015-10-02; просмотров: 45 | Нарушение авторских прав


<== предыдущая страница | следующая страница ==>
Текстове вікно: TEXTAREA| Основні відомості

mybiblioteka.su - 2015-2024 год. (0.01 сек.)