11.11.2. Создание интерфейса формы

458. Откройте admin_template.php, присвойте документу заголовок Enisey Tours: Admin Update Journal, а вместо заменителя заголовка на странице введите Update Traveler’s Journal и сохраните файл как admin_update_tj.php.

459. Вместо заменителя обычного текста добавьте на страницу следующие два абзаца:

Используйте форму, расположенную ниже для обновления раздела Traveler’s Journal. При этом следует изменять только содержимое, расположенное между HTML-тегами, но не сами теги.

Для добавления нового абзаца, наберите в новой строке <p> Текст абзаца</p>. Чтобы удалить абзац, следует удалить не только сам текст, но и теги <p> и </p>, между которыми он заключен.

460. Ниже указаний вставьте новую форму frm_update_tj. Внутри формы поместите текстовую область и кнопку Submit. Текстовая область применяется в тех случаях, когда необходимо вводить большие объемы текста, которые не помещаются в текстовое поле.

461. Выделите текстовую область, а потом на панели Property Inspector назовите ее journal_entry, и установите следующие параметрам: Char Width: 55, Num Lines: 9,

Wrap: Virtual (Перенос: автоматический).

462. Не снимая выделения с текстовой области, переключитесь в режим Split. Между открывающим и закрывающим тегами <textarea> добавьте приведенный ниже код:

<h3>Введите заголовок здесь</h3>

<p class="author">ФИО</p>

<p>Первый параграф</p>

<p>Второй параграф</p>

Этот HTML-код будет по умолчанию содержаться в текстовой области при загрузке страницы. Таким образом, пользователь должен ввести новый заголовок вместо текста Введите заголовок здесь, и если теги, между которых он заключен, не будут изменены, новый заголовок отобразится на странице в виде заголовка третьего уровня.

463. Переключитесь в режим Design и обратите внимание на выделенный на странице тег </p>. Чтобы исправить эту ошибку, следует снова перейти в режим Code и удалить открывающий и закрывающий теги <p> и </p>, расположенные вокруг тегов <textarea>.

464. Откройте файл admin_index.php, выделите текст Обновить колонку Traveler’s Journal и прикрепите к нему ссылку на страницу admin_update_tj.php.