21.1 Forms Overview & the Developer Tab

Word provides two generations of form tools — the modern Content Controls (Word 2007 onwards) and the legacy Form Fields (Word 97–2003 compatibility). Both are accessed from the Developer tab, which is hidden by default.

Enabling the Developer Tab

1. File → Options → Customize Ribbon
2. In the right-hand panel (Main Tabs), tick Developer
3. Click OK — the Developer tab appears between Acrobat (if installed) and Help in the Ribbon

Developer Tab — Form-Relevant Groups

Content Controls vs Legacy Form Fields

21.2 Content Controls — All Eight Types

Content controls are the modern, flexible building blocks of Word forms. Each control type is designed for a specific kind of user input.

1. Rich Text Content Control (Aa+)

• What the user does: Types any text with full formatting freedom — can bold, italicise, create bullet lists, paste formatted content
• Best for: Executive summary fields, description boxes, comment areas where formatting is appropriate
• Caution: Because users can apply any formatting, Rich Text controls can disrupt the form's visual consistency. Use Plain Text unless formatting is genuinely needed.

1. Position cursor where the control should appear
2. Developer → Controls group → click the Rich Text Content Control button (Aa with a plus)
3. The control appears as a grey bounding box with placeholder text "Click or tap here to enter text"

2. Plain Text Content Control (Aa)

• What the user does: Types plain, unformatted text — no bold, italic, lists, or paste-formatted allowed
• Best for: Names, ID numbers, reference numbers, email addresses, short labels — any single-line field where consistent formatting matters
• Key property: "Allow carriage returns (multiple paragraphs)" — untick this to force the field to one line only (preventing users from pressing Enter)

1. Developer → Controls → Plain Text Content Control (Aa without plus)

3. Picture Content Control (🖼)

• What the user does: Clicks the control to browse for and insert an image from their computer or online
• Best for: ID photo fields, signature image insertion, logo placement in templated documents, product photo fields

1. Developer → Controls → Picture Content Control
2. A placeholder image icon appears — click it to open the picture source chooser

4. Building Block Gallery Content Control

• What the user does: Selects a pre-built content block from a gallery (Quick Parts, AutoText, or custom building blocks)
• Best for: Selecting standard clauses in legal documents; choosing from a set of pre-written paragraph options; inserting one of several pre-formatted sections
• Must configure the Gallery and Category properties to specify which building blocks appear in the dropdown

5. Checkbox Content Control (☑)

• What the user does: Clicks to toggle between ticked (☑) and unticked (☐)
• Best for: Declarations, confirmations, boolean yes/no options, task checklists, option selections
• Key properties: Set the Checked symbol (default ☑) and Unchecked symbol (default ☐) — can be changed to any character from any font

1. Developer → Controls → Check Box Content Control
2. A checkbox appears inline — clicking it toggles the state

6. Drop-Down List Content Control (▾ — Restricted)

• What the user does: Clicks the dropdown and selects from a pre-defined list — cannot type a custom value
• Best for: Department names, status codes, classification labels, country lists — any field where only specific values are valid
• Adding list items: must be done via Properties before protecting the form

1. Developer → Controls → Drop-Down List Content Control
2. Configure the list items via Properties (see Section 21.3)

7. Combo Box Content Control (▾ — Open)

• What the user does: Can either select from the pre-defined list OR type a custom value not in the list
• Best for: Fields with common values but occasional custom entries — e.g., a list of standard products with an "Other" option that allows typing
• Difference from Drop-Down List: Combo Box allows free-text entry; Drop-Down List does not

1. Developer → Controls → Combo Box Content Control

8. Date Picker Content Control (📅)

• What the user does: Clicks a calendar icon to pick a date — preventing invalid dates and enforcing consistent date formatting
• Best for: Document date, event date, deadline, start/end dates, date of birth, appointment date
• Key property: Date format — set in Properties: e.g., dd MMMM yyyy → "15 January 2025"; yyyy-MM-dd → "2025-01-15"

1. Developer → Controls → Date Picker Content Control
2. A date display appears — click the calendar icon to select a date

21.3 Configuring Content Control Properties

Every content control has a Properties dialog that controls its behaviour, label, tag, and type-specific settings.

Opening Content Control Properties

1. Click the content control to select it
2. Developer → Controls group → Properties — or — right-click the control → Properties

General Properties (All Control Types)

Type-Specific Properties

Plain Text Control Properties

• Allow carriage returns (multiple paragraphs) — untick to restrict the field to a single line (prevents Enter key presses)

Drop-Down List & Combo Box Properties

1. In Properties → the list items section shows current items
2. Click Add… → enter the Display Name (what the user sees) and Value (the internal data value — can differ from the display name)
3. Add all required items
4. Use Modify… to edit an existing item
5. Use Remove to delete an item
6. Use Move Up / Move Down to reorder the list
7. The first item in the list is typically an instruction: "Select an option…" (display name) with an empty string value — this prompts the user without defaulting to a real selection

Date Picker Properties

• Date format — type the format string directly:
  • dd MMMM yyyy → 15 January 2025
  • dd/MM/yyyy → 15/01/2025
  • yyyy-MM-dd → 2025-01-15 (ISO format)
  • MMMM d, yyyy → January 15, 2025
• Locale — affects which calendar is displayed and the language of month/day names
• Store XML contents in the following format when mapped — for XML-connected forms

Checkbox Properties

• Checked symbol — click Change… to choose any character from any font as the ticked state (e.g., ✓ from Wingdings, ■ from Symbol, ✔ from Segoe UI Symbol)
• Unchecked symbol — click Change… to set the empty state character (e.g., □ from Wingdings)

21.4 Design Mode & Setting Placeholder Text

When you first insert a content control, it shows generic placeholder text ("Click or tap here to enter text"). Replace this with meaningful instructional text that guides the user — this text disappears the moment the user clicks the field and starts typing.

Entering Design Mode

1. Developer → Controls group → click Design Mode
2. The document enters design mode — content controls display their placeholder text in edit-ready form (highlighted with a blue border)
3. Click inside any content control — the placeholder text becomes editable
4. Select the existing placeholder text and type your instructional text
5. Format the placeholder text if desired (e.g., italic grey to distinguish it from user-entered text)
6. Click Design Mode again to exit — the placeholder text is now set

Good vs Poor Placeholder Text Examples

21.5 Building a Complete Form — Step by Step

Here is the recommended workflow for building a professional fillable form in Word from scratch, using an HR Leave Application Form as the example.

Phase 1 — Design the Layout (Before Adding Controls)

1. Create the document structure using a table or tab stops — place all labels, headings, and instructional text
2. Add the company header (logo, form title, form number)
3. Create clearly labelled sections: Employee Details | Leave Details | Declaration | Approval
4. Use a table to align labels and their corresponding input areas neatly:

   HR LEAVE APPLICATION FORM
   Employee Name:	[Plain Text control]	Employee No.:	[Plain Text control]
   Department:	[Drop-Down control]	Date of Application:	[Date Picker control]
   Leave Type:	[Drop-Down control]	Number of Days:	[Plain Text control]
   From Date:	[Date Picker]	To Date:	[Date Picker]
   Reason: [Rich Text control spanning full width]
   [Checkbox] I confirm all outstanding work has been handed over to my manager.

5. Do NOT add content controls yet — complete the visual design first

Phase 2 — Insert Content Controls

1. Click in the cell/area where the first control goes
2. Developer → Controls → click the appropriate control type
3. Repeat for each field in the form
4. Enter Design Mode → set meaningful placeholder text for each control → exit Design Mode
5. Configure Properties for each control: Title, Tag, and type-specific settings

Phase 3 — Set Control Properties

• Employee Name: Plain Text → Title: "Employee Full Name" → Tag: "emp_name" → untick "Allow carriage returns"
• Department: Drop-Down List → add all department names → first item: "Select department…" (empty value)
• Leave Type: Drop-Down List → items: Annual Leave, Sick Leave, Family Responsibility, Unpaid Leave, Study Leave, Maternity/Paternity Leave
• From Date / To Date: Date Picker → Date format: dd MMMM yyyy
• Number of Days: Plain Text → Title: "Number of Days" → untick "Allow carriage returns"
• Reason: Rich Text → Title: "Reason for Leave" → tick "Allow carriage returns"
• Checkbox: Checkbox → Checked symbol: ✓ (Wingdings 252) → Title: "Work Handover Confirmation"

Phase 4 — Test the Form (Before Protecting)

1. Ensure Design Mode is OFF
2. Click each control and test it as a user would:
   • Does the placeholder text disappear when you click and type?
   • Does the Date Picker show a calendar when clicked?
   • Does the Drop-Down show the correct list items?
   • Does the Checkbox toggle correctly?
3. Navigate with Tab between controls — Tab should jump through all controls in the correct sequence (top-to-bottom, left-to-right through the table)
4. Fix any issues before protecting the form

Phase 5 — Protect the Form

1. Developer → Protect group → Restrict Editing
2. Under "2. Editing restrictions" → tick "Allow only this type of editing" → select "Filling in forms"
3. Click "Yes, Start Enforcing Protection"
4. Optionally set a password (recommended for forms distributed to external parties)
5. Click OK

In "Filling in forms" mode: users can interact with all content controls; pressing Tab jumps between controls; all other document content (labels, headings, fixed text) is locked and cannot be changed.

Phase 6 — Save as Template

1. File → Save As → change type to Word Template (*.dotx)
2. Navigate to your Templates folder or a shared network location
3. Name it clearly: HR_Leave_Application_v2.dotx
4. Click Save
5. Users open the template → complete the form → save as a .docx with the employee's name and date in the filename

21.6 Legacy Form Fields

Legacy form fields are the original Word 97–2003 form controls. They remain fully functional in Word 2024 and produce forms that work in very old Word versions. Use them only when backward compatibility with Word 2003 or earlier is a firm requirement.

Accessing Legacy Form Fields

1. Developer → Controls group → click the Legacy Tools button (the toolbox icon with a down arrow)
2. A flyout appears with two sections: "Legacy Forms" and "ActiveX Controls"
3. Under Legacy Forms, three controls are available:

Protecting a Legacy Form

• Legacy forms also use Restrict Editing → Filling in forms — the same protection method as content controls
• Alternatively: Developer → Protect → Protect Document → Sections — this allows different sections to have different protection states

Legacy Text Form Field — Calculation Type

The Text Form Field has a special Calculation type — it displays the result of a formula based on the values of other named legacy form fields in the document. Similar to a Word table formula but tied to form fields:

1. Double-click the text form field → Type: Calculation → Expression: =SUM(days_field) or any valid formula referencing other field bookmarks
2. The field recalculates when the user presses F9 or completes the referenced fields

21.7 Form Navigation & User Experience

Tab Order

In a protected form ("Filling in forms" mode), pressing Tab moves the cursor sequentially through all content controls and legacy form fields in the document. The tab order follows the natural reading order — top to bottom, left to right. If your form uses a table, Tab moves through cells left-to-right, row by row.

• To change the tab order: the order controls appear in the document determines tab sequence. Reorder the controls by moving them in the document (cut and paste) to change the Tab sequence.
• Shift+Tab moves backward through controls
• In a protected form, only the content controls are accessible — all other text is locked

Making a Form Easy to Use

• Group related fields visually — use shaded table cells or horizontal rules to separate sections
• Provide clear instructions at the top — a short paragraph explaining how to complete and submit the form
• Use consistent field sizes — stretch text controls to show how much text is expected (a wide field implies a longer answer)
• Use Drop-Down lists whenever possible — reduces errors from free-text spelling variations and makes data easier to process
• Label every control clearly — both the visible label beside the control and the Title property inside it
• Test with Tab navigation — fill in the entire form using only the keyboard to verify the flow is logical

Printing a Blank Form

• To print the form blank (for manual completion): File → Print → Print All Pages — the content controls print as empty boxes
• To print only the content entered into controls (not the labels): File → Options → Advanced → scroll to "Print" → tick "Print only the data from a form" — this prints only field values, useful for printing onto pre-printed stationery

21.8 Exporting a Fillable PDF Form

Word can export a form with content controls as a fillable PDF — the controls become interactive PDF form fields that users can complete in Adobe Acrobat Reader, a browser, or any PDF viewer that supports forms. No Adobe software is required for the export.

Exporting to Fillable PDF

1. Complete all form design and set all control properties
2. Remove the Restrict Editing protection temporarily (Stop Protection) — the form must be unprotected for the PDF export to detect the content controls correctly
3. File → Save As → choose a save location → set Save as type to PDF (*.pdf)
4. Click Options… before saving — this is the critical step for fillable PDF:
   • Tick "Document structure tags for accessibility"
   • Tick "Create bookmarks using: Headings" — makes the PDF navigable
   • Tick "ISO 19005-1 compliant (PDF/A)" — for long-term archiving compliance
   • Under "PDF options": tick "Bitmap text when fonts may not be embedded" if you use non-standard fonts
5. Click OK → click Save
6. Open the exported PDF in Adobe Acrobat Reader to verify the form fields are interactive

Content Control → PDF Field Mapping

21.9 Practical Form Examples

Example 1 — Employee Leave Application Form

Example 2 — Supplier Evaluation / Tender Form

Example 3 — Meeting Minutes Template

21.10 Quick Self-Check

Q1: You are building a procurement form where the "Supplier Category" field must only allow selection from a fixed list (Mining, Agriculture, Construction, Technology, Retail) — the user must not be able to type a custom value. Which content control type should you use, and how do you add the list items?

✓ Use a Drop-Down List Content Control (not a Combo Box — the Combo Box allows free-text entry). Insert it via Developer → Controls → Drop-Down List. Then click Properties. In the Properties dialog, click Add for each item: Mining, Agriculture, Construction, Technology, Retail. Also add a first item "Select Supplier Category…" with an empty Value to prompt the user without defaulting to a real selection. Click OK. Only these five options (plus the prompt) will appear in the dropdown.

Q2: You have finished building a form with 12 content controls. You want to lock the form so users can only fill in the controls — they cannot change the headings, labels, or any other fixed text. What are the exact steps?

✓ Developer → Protect group → Restrict Editing. In the Restrict Editing pane: under "2. Editing restrictions" tick "Allow only this type of editing" → select "Filling in forms" from the dropdown. Click "Yes, Start Enforcing Protection". Optionally set a password. Click OK. The form is now protected — users can click and fill each content control, Tab between them, but cannot click on or change any other text in the document.

Q3: What is the difference between a Drop-Down List Content Control and a Combo Box Content Control — and give a practical example of when you would choose each?

✓ A Drop-Down List restricts the user to selecting only from the pre-defined list items — they cannot type a custom value. A Combo Box allows the user to either select from the list OR type any value not on the list. Example for Drop-Down: a "Country" field where you want only valid country names — no custom text allowed. Example for Combo Box: a "Job Title" field where you provide 20 common titles as options but also allow someone with an unusual title to type it manually.

Q4: You export your Word form as a PDF and open it in Adobe Acrobat Reader, but the Date Picker calendar does not appear — it shows as a plain text box. Why does this happen and how do you advise users who receive the PDF form?

✓ The Date Picker's calendar widget is a Word-specific feature that does not transfer to PDF format during export — it becomes a regular text field in the PDF. Advise users to type the date directly into the text field in the PDF, following the format instruction you included in the field label or placeholder (e.g., "Type date as: DD Month YYYY"). To prevent confusion, update the form's date field label to include the expected format: "Date of Application (dd MMMM yyyy):".

Q5: The placeholder text in your Employee Name field currently says "Click or tap here to enter text". You want it to say "Type full name as it appears on your ID document". How do you change it?

✓ Developer → Controls → click Design Mode. Click inside the Employee Name content control — the existing placeholder text becomes editable. Select all the placeholder text and type the new instruction: "Type full name as it appears on your ID document". Format it as italic if you want it visually distinct from user-entered text. Click Design Mode again to exit. The new placeholder text is now set — it will disappear automatically when a user clicks the field and begins typing.

Q6: What is the difference between a Rich Text Content Control and a Plain Text Content Control, and when would you choose each for a form?

✓ A Plain Text control accepts only unformatted text — no bold, italic, bullet lists, or formatted pastes. The user cannot press Enter unless you explicitly allow it via Properties → "Allow carriage returns". A Rich Text control accepts formatted text including bold, italic, bullet points, and formatted content pasted from other applications. Choose Plain Text for: names, ID numbers, email addresses, phone numbers, reference codes, any single-line field where consistent formatting matters. Choose Rich Text for: description boxes, comments, meeting notes, reason fields, or any multi-paragraph field where the user legitimately needs formatting freedom.

✓ Module 21 Complete — You Have Learned:

• Enabling the Developer tab and the four form-relevant Developer groups
• Content Controls vs Legacy Form Fields — comparison, recommendation, and when to use each
• All 8 content control types — Rich Text, Plain Text, Picture, Building Block Gallery, Checkbox, Drop-Down List, Combo Box, Date Picker — with what users do in each, best use cases, and insertion steps
• Key difference: Drop-Down List (fixed list only) vs Combo Box (list + custom entry)
• Content Control Properties — all general properties (Title, Tag, Show as, Color, Style, Remove on edit, Cannot delete, Contents read-only)
• Type-specific properties — Plain Text (carriage returns); Drop-Down/Combo Box (Add/Modify/Remove/Reorder items, prompt first item with empty value); Date Picker (format strings: dd MMMM yyyy, dd/MM/yyyy, yyyy-MM-dd); Checkbox (Checked/Unchecked symbol)
• Design Mode — entering, editing placeholder text, good vs poor placeholder text examples (5-row comparison table)
• Complete 6-phase form building workflow — Phase 1 Layout, Phase 2 Insert Controls, Phase 3 Properties, Phase 4 Test, Phase 5 Protect, Phase 6 Save as Template
• Legacy Form Fields — all 3 types (Text Form Field with 6 type options, Checkbox, Drop-Down); accessing via Legacy Tools; Calculation type for computed fields
• Tab order in protected forms; Shift+Tab navigation; form user experience best practices
• Printing blank forms; printing data-only via "Print only the data from a form" option
• Exporting to fillable PDF — Save As → PDF → Options settings; content control to PDF field mapping table (7 control types); Adobe Acrobat Pro note for advanced PDFs
• Three complete practical form examples — Leave Application, Supplier Evaluation/Tender, Meeting Minutes