< type="text" id="new_planned_fcp" placeholder="Enter new Planned FCP"/> not working

[SNOWSBC24]

on the approval summariser I have to make field "Planned FCP" editable.

This value will be stored on the Project Task form "Planned FCP"

The Macro for this is  "approval_summarizer_pm_project_task"

<?xml version="1.0" encoding="utf-8"?>

<j:jelly trim="true" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">

<tbody data-sn-macro-sys-id="${jvar_macro_sys_id}">

    <g:requires name="scripts/js_includes_catalog.js" includes="true"/>

    <tr>

        <td class="label_left" width="100%">

            Custome Approval Summary of Project Task Changes being approved:

            <g:label_spacing />

        </td>

    </tr>

    <g:evaluate var="jvar_ni" expression="var task = ${ref}.sysapproval;" />

    <tr>

        <td>

            <table class="table" width="100%">

                <tr>

                    <td class="label_left" width="180px">

                        <g:label_spacing />

                        Project name:

                    </td>

                    <td>

                        ${task.parent.short_description}

<g:label_spacing />

                    </td>

                    <td class="label_left" width="150px">

                        <g:label_spacing />

                        Project ID:

                    </td>

                    <td>

                        ${task.parent.number}

                        <g:label_spacing />

                    </td>

                </tr>

                <tr>

                    <td class="label_left" width="150px">

                        <g:label_spacing />

                        Task name:

                    </td>

                    <td>

                        ${task.short_description}

                        <g:label_spacing />

                    </td>

                    <td class="label_left" width="150px">

                        <g:label_spacing />

                        Task ID:

                    </td>

                    <td>

                        ${task.number}

                        <g:label_spacing />

                    </td>

                </tr>

<tr>

                    <td class="label_left" width="200px">

                        <g:label_spacing />

                        Change Planned FCP:

                    </td>

                    <td>

                        <!-- Input field to enter new Planned FCP value -->

< type="text" id="new_planned_fcp" placeholder="Enter new Planned FCP"/>

                        <g:label_spacing />

                    </td>

<td class="label_left" width="150px">

                        <g:label_spacing />

                        Planned FCP:

                    </td>

                    <td>

                        ${task.parent.u_planned_fcp}

                        <g:label_spacing />

                    </td>

    </tr>

<tr>

<td>

<!-- Button to trigger the update -->

<button id="update-planned-fcp">Update Change Planned FCP</button>

<g:label_spacing />

</td>

</tr>

<tr>

                    <td class="label_left" width="200px">

                        <g:label_spacing />

                        Changed By:

                    </td>

                    <td>

                        ${task.sys_updated_by.getDisplayValue()}

                        <g:label_spacing />

                    </td>

                    <td class="label_left" width="150px">

                        <g:label_spacing />

                        Changed on:

                    </td>

                    <td>

                        ${task.sys_updated_on}

                        <g:label_spacing />

                    </td>

                </tr>

            </table>

        </td>

    </tr>

</tbody>

</j:jelly>

[Its_Azar]

Hi there @SNOWSBC24 

I guess the  the syntax you've used is incorrect for creating an input field. Instead of < type="text" id= 'new_planned_fcp' placeholder="Enter new Planned FCP"/>, you should use the proper HTML <input> tag to create an input field. Here's the corrected version of code,

<input type="text" id="new_planned_fcp" placeholder="Enter new Planned FCP"/>

By using the <input> tag with the type="text" attribute, you create a text input field where users can input text data.

If this helps kindly accept the response thanks much.