Wrong output in upon inserting article


I am new in frappe and tried the tutorial in creating the library management app. I am having problems with inserting data because the output the needed to display in the browser is different from what is displayed. Is this a bug?

Please look at my snippet.

Please check auto name is set in your doctype or not. If not then set Auto name field in your doctype ‘Article’.
Open doctype ‘Article’ and in naming section set autoname field as field:article_name . After setting auto name your record will save by article name.

Refer following screenshot :

Thanks for this solution, but the field becomes uneditable after saving. Is there a way to make it editable?

@domengsantino you can set a different document title. See this: