feat(gnoweb): new form inputs

[alexiscolin]

This PR extends the markdown form functionality in gno.land/pkg/gnoweb/markdown to support:

• Textarea inputs with customizable rows and descriptions
• Radio button groups with proper grouping and checked states
• Checkbox inputs with checked states and descriptions
• Select inputs with selected default option and descriptions
• Enhanced accessibility with proper ARIA labels and descriptions
• All form elements now support a description attribute that renders as accessible help title (semantic grouping)

Technical updates

Core Implementation (ext_forms.go)

• Added FormTextarea struct with support for rows and descriptions
• Added FormSelect struct with support for options and descriptions
• Enhanced FormInput struct to support radio/checkbox types with value and checked attributes
• Added validation for radio/checkbox requiring value attribute
• Added validation for checked attribute (only valid for radio/checkbox)
• Improved error handling with specific error messages
• Enhanced HTML rendering with proper accessibility attributes
• Added styles for description text, select/options, radio button, textarea and checkboxes
• Improved hover states and focus indicators
• Enhanced accessibility with proper contrast and sizing

Validation Rules

Radio/Checkbox/Select Requirements

• Must have a value attribute
• checked attribute only valid for radio/checkbox types
• Same name allowed for radio groups (required for grouping)
• Unique name required for other input types

Textarea Requirements

• Must have a name attribute
• rows attribute is optional (default: 4, min: 2, max: 10)
• description attribute is optional

[Gno2D2]

🛠 PR Checks Summary

All Automated Checks passed. ✅

Manual Checks (for Reviewers):

• IGNORE the bot requirements for this PR (force green CI check)

Read More

🤖 This bot helps streamline PR reviews by verifying automated checks and providing guidance for contributors and reviewers.

✅ Automated Checks (for Contributors):

🟢 Maintainers must be able to edit this pull request (more info)
🟢 Changes related to gnoweb must be reviewed by its codeowners
🟢 Pending initial approval by a review team member, or review from tech-staff

☑️ Contributor Actions:

1. Fix any issues flagged by automated checks.
2. Follow the Contributor Checklist to ensure your PR is ready for review.
   • Add new tests, or document why they are unnecessary.
   • Provide clear examples/screenshots, if necessary.
   • Update documentation, if required.
   • Ensure no breaking changes, or include BREAKING CHANGE notes.
   • Link related issues/PRs, where applicable.

☑️ Reviewer Actions:

1. Complete manual checks for the PR, including the guidelines and additional checks if applicable.

📚 Resources:

• Report a bug with the bot.
• View the bot’s configuration file.

Debug

Automated Checks

Maintainers must be able to edit this pull request (more info)

If

🟢 Condition met
└── 🟢 And
    ├── 🟢 The base branch matches this pattern: ^master$
    └── 🟢 The pull request was created from a fork (head branch repo: alexiscolin/gno)

Then

🟢 Requirement satisfied
└── 🟢 Maintainer can modify this pull request

Changes related to gnoweb must be reviewed by its codeowners

If

🟢 Condition met
└── 🟢 And
    ├── 🟢 The base branch matches this pattern: ^master$
    └── 🟢 A changed file matches this pattern: ^gno.land/pkg/gnoweb/ (filename: gno.land/pkg/gnoweb/components/ui/help_function.html)

Then

🟢 Requirement satisfied
└── 🟢 Or
    ├── 🟢 Or
    │   ├── 🟢 And
    │   │   ├── 🟢 Pull request author is user: alexiscolin
    │   │   └── 🟢 This user reviewed pull request: gfanton (with state "APPROVED")
    │   └── 🔴 And
    │       ├── 🔴 Pull request author is user: gfanton
    │       └── 🔴 This user reviewed pull request: alexiscolin (with state "APPROVED")
    └── 🔴 And
        ├── 🔴 Not (🟢 Pull request author is user: alexiscolin)
        ├── 🟢 Not (🔴 Pull request author is user: gfanton)
        └── 🟢 Or
            ├── 🔴 This user reviewed pull request: alexiscolin (with state "APPROVED")
            └── 🟢 This user reviewed pull request: gfanton (with state "APPROVED")

Pending initial approval by a review team member, or review from tech-staff

If

🟢 Condition met
└── 🟢 And
    ├── 🟢 The base branch matches this pattern: ^master$
    └── 🟢 Not (🔴 Pull request author is a member of the team: tech-staff)

Then

🟢 Requirement satisfied
└── 🟢 If
    ├── 🟢 Condition
    │   └── 🟢 Or
    │       ├── 🟢 At least 1 user(s) of the organization reviewed the pull request (with state "APPROVED")
    │       ├── 🟢 At least 1 user(s) of the team tech-staff reviewed pull request
    │       └── 🔴 This pull request is a draft
    └── 🟢 Then
        └── 🟢 And
            ├── 🟢 Not (🔴 This label is applied to pull request: review/triage-pending)
            └── 🟢 At least 1 user(s) of the team tech-staff reviewed pull request

Manual Checks

**IGNORE** the bot requirements for this PR (force green CI check)

If

🟢 Condition met
└── 🟢 On every pull request

Can be checked by

• Any user with comment edit permission

[codecov]

Codecov Report

Attention: Patch coverage is 81.72757% with 55 lines in your changes missing coverage. Please review.

Files with missing lines	Patch %	Lines
gno.land/pkg/gnoweb/markdown/ext_forms.go	83.21%	48 Missing and 1 partial ⚠️
gno.land/pkg/gnoweb/markdown/utils.go	33.33%	4 Missing and 2 partials ⚠️

📢 Thoughts on this report? Let us know!

[gfanton]

Really nice 👍

[alexiscolin]

I just added a selectbox