Channel Form > Editable form on Frontend ?

Hi everyone,

I’ve created a test New Template, for Channel Form (frontend) with the codes below which are working well when i filled the form, but how you guys make these codes below Editable on Frontend ?

Ps : I use EE version 2 which was a Safecracker, but on EE version 3.. i get lost 😊

=======================

<link href=”{path='css/_ee_channel_form_css'}” type=”text/css” rel=”stylesheet” media=”screen”>

<div align=”center” margin: 100 auto;”>

{exp:channel:form channel="abc" return="home/test"}

<label for=”title”>Title</label> <input type=”text” name=”title” id=”title” value=”{title}” size=”50” maxlength=”100” >

<select name=”test1” id=”test1”> {options:test1} <option value=”{option_value}”{selected}>{option_name}</option> {/options:test1} </select>

<textarea name=”test2” id=”test2” cols=”90” rows=”10”></textarea>

{if captcha} <label for=”captcha”>Please enter the word you see in the image below:</label> {captcha} <input type=”text” name=”captcha” value=”{captcha_word}” maxlength=”20”> {/if}

<input type=”submit” value=”Submit”>

</div>

{/exp:channel:form}

=======================

Regards.