How do I display the value of a Django form field in a template

Question

I have a form with an email property   When using    form email    in case of some validation error  Django still renders the previous value in the input tag s value attribute    lt input type  text  id  id email  maxlength  75  class  required         value  some email com  name  email  gt    I want to render the input tag myself  to add some JavaScript code and an error class in case of an error   For example this is my template instead of    form email       lt input type  text  autocomplete  on  id  id email  name  email         class  email    if form email errors    error    endif     gt    However  this does not display the erroneous value  some email com in this example  to the user   How do I get the field s value in the template

User · Answer

This seems to work      form fields email initial

User · Answer

This was a feature request that got fixed in Django 1 3    Here s the bug  https   code djangoproject com ticket 10427  Basically  if you re running something after 1 3  in Django templates you can do      form field value default if none         Or in Jinja2      form field value   default          Note that field value   is a method  but in Django templates    s are omitted  while in Jinja2 method calls are explicit   If you want to know what version of Django you re running  it will tell you when you do the runserver command   If you are on something prior to 1 3  you can probably use the fix posted in the above bug  https   code djangoproject com ticket 10427 comment 24

User · Answer

I wanted to display the value of a formset field  I concluded this solution  which should work for normal forms too      if form email data       form email data       else       form initial email        endif      The above solutions didn t worked very well for me  and I doubt they would work in case of prefixed forms  such as wizards and formsets   The solutions using    form data email    can t work  because it is a dictionary lookup  and with prefixed forms your field name would look something like  1-email   wizard and prefixed form  or  form-1-email   formset   and the minus sign  -  are not allowed in dotted template lookup expressions     form field name value   is Django 1 3  only

User · Answer

I tried a few of the mentioned possibilities  and this is how I solved my problem    forms py class EditProfileForm forms ModelForm       first name   forms CharField label  First Name                                    widget forms TextInput                                   attrs   class    form-control                                      required False      last name   forms CharField label  Last Name                                    widget forms TextInput                                   attrs   class    form-control                                      required False        username   forms CharField widget forms TextInput                                     attrs   class    form-control                                        required True      address   forms CharField max length 255  widget forms TextInput                                   attrs   class    form-control                                      required False      phoneNumber   forms CharField max length 11                                   widget forms TextInput                                   attrs   class    form-control                                      required False      photo   forms ImageField label  Change Profile Image   required False       class Meta          model   User         fields     photo    first name    last name    phoneNumber    address                        username       views py def edit user profile request  username       user   request user     username   User objects get username username      user extended photo   UserExtended objects get user user id      form   EditProfileForm request POST or None  request FILES  instance user      user extended   UserExtended objects get user user      if request method     POST           if form is valid                  photo   UserExtended photo request FILES  photo   or None                user first name   request POST  first name               user last name   request POST  last name               user extended address   request POST  address               user extended phoneNumber   request POST  phoneNumber               user extended photo   form cleaned data  photo                 username   request POST  username               user extended save               user save                context                      form   form                   username   username                   user extended photo   user extended photo                             return render request   accounts profile updated html   context      else          photo   user extended photo         first name   user first name         last name   user last name         address   user extended address         phoneNumber   user extended phoneNumber         form   EditProfileForm              initial   first name   first name   last name   last name                                      address   address   phoneNumber   phoneNumber                                      photo   photo       context              form   form           username   username           user extended photo   user extended photo             return render to response  accounts edit profile html   context                                   context instance RequestContext request     edit profile html    lt form action   accounts    user username    edit profile   method  post  enctype  multipart form-data  gt                                         csrf token                                             lt div class  col-md-6  gt                                               lt div class  form-group  gt                                                     form as p                                                 lt  div gt                                           lt  div gt                                       lt br gt  lt br gt  lt br gt  lt br gt  lt br gt  lt br gt  lt br gt  lt br gt  lt br gt  lt br gt  lt br gt  lt br gt  lt br gt  lt br gt  lt br gt                                       lt button type  submit   value  Update Profile  class  btn btn-info btn-fill pull-right  gt Update Profile lt  button gt                                       lt div class  clearfix  gt  lt  div gt                                   lt  form gt    I am trying to explain this in a way so that beginners may find it easier to understand  Pay close attention to the else           photo   user extended photo         first name   user first name         last name   user last name         address   user extended address         phoneNumber   user extended phoneNumber         form   EditProfileForm              initial   first name   first name   last name   last name                                     address   address   phoneNumber   phoneNumber                                     photo   photo      It is what gets the value attrib  e g     lt p gt  lt label for  id first name  gt First Name  lt  label gt   lt input class  form-control  id  id first name  name  first name  type  text  value  Emmanuel    gt  lt  p gt   lt p gt  lt label for  id last name  gt Last Name  lt  label gt   lt input class  form-control  id  id last name  name  last name  type  text  value  Castor    gt  lt  p gt

User · Answer

form fields email

User · Answer

On Django 1 2     form data field    and    form field data    are all OK  but not    form field value     As others said     form field value    is Django 1 3  only  but there s no specification in https   docs djangoproject com en 1 3 topics forms   It can be found in https   docs djangoproject com en 1 4 topics forms

User · Answer

The solution proposed by Jens is correct  However  it turns out that if you initialize your ModelForm with an instance  example below  django will not populate the data   def your view request          if request method     POST           form   UserDetailsForm request POST          if form is valid                some code here            else            form   UserDetailsForm instance request user    So  I made my own ModelForm base class that populates the initial data   from django import forms  class BaseModelForm forms ModelForm               Subclass of  forms ModelForm  that makes sure the initial values     are present in the form data  so you don t have to send all old values     for the form to actually validate              def merge from initial self           filt   lambda v  v not in self data keys           for field in filter filt  getattr self Meta   fields                     self data field    self initial get field  None    Then  the simple view example looks like this   def your view request     if request method     POST       form   UserDetailsForm request POST      if form is valid            some code here        else        form   UserDetailsForm instance request user        form merge from initial

User · Answer

form field name value    works for me

User · Answer

If you ve populated the form with an instance and not with POST data  as the suggested answer requires   you can access the data using    form instance my field name

User · Answer

I have a simple solution for you      form data email      I tried this and it worked  This requires your view to populate the form class with the POST data   Very simple example   def your view request     if request method     POST       form   YourForm request POST      if form is valid            some code here   else      form   YourForm      return render to response  template html     form  form     Hope that helps you  If you have any questions please let me know

User · Answer

You can do this from the template with something like this      if form instance some field            form instance some field      else            form data some field      endif      This will display the instance value  if the form is created with an instance  you can use initial instead if you like   or else display the POST data such as when a validation error occurs

[django] How do I display the value of a Django form field in a template?

Examples related to django

Examples related to django-templates