TYPO3 Core

Hello guys,

I have one problem using the f:form tag
I integrated the template using the FLUIDTEMPLATE in Typo3 version 6.1
Now i created one extension that simply show the the form with two input elements. I used the f:form and f:form.textfield to display the form. Now problem is that whole form shown as HTML tags instead of real form. Please see the attached screenshot.

However, when i used the same extension using the templavoila in Typo3 version 6.1 then everything is working fine.

I am using below typoscript for FLUIDTEMPLATE integration.

Create a Fluid Template
page.10 = FLUIDTEMPLATE
page.10.template = FILE
page.10.template.file = fileadmin/templates/index.html
[globalVar=TSFE:page|layout=1]
page.10.template.file = fileadmin/templates/home-products.html
[global]
[globalVar=TSFE:page|layout=2]
page.10.template.file = fileadmin/templates/products.html
[global]
[globalVar=TSFE:page|layout=3]
page.10.template.file = fileadmin/templates/product-details.html
[global]
[globalVar=TSFE:page|layout=4]
page.10.template.file = fileadmin/templates/products-img.html
[global]
[globalVar=TSFE:page|layout=5]
page.10.template.file = fileadmin/templates/settings.html
[global]
page.10 { # Set the Template Pathes
partialRootPath = fileadmin/templates/partials/
layoutRootPath = fileadmin/templates/layouts/
variables { # Assign the main column with our {content}-destination
content_main < styles.content.get # Assign the left column with our {content_left}-destination
content_left < styles.content.get
content_left.select.where = colPos = 1 # Assign the right column with our {content_right}-destination
content_right < styles.content.get
content_right.select.where = colPos = 2
left < styles.content.get
left.select.where = colPos=1
}
}

Not getting what happens with FLUIDTEMPLATE. Please help me as it is very urgent for me. Any help will be appriciated.

Thanks,
Jignesh