title: django field using pictures instead of text
body: <p>If I choose one of  whose input value is radio in HTML and submit, the selected one is delivered to the models, and finally, I want to retrieve the selected image from HTML again.
  But I can't even get a clue. What should I do?
  And I also wonder how to connect and use these with forms.py and html.
  I want to know the exact answer because the image field is set as a temporary measure.</p>
  <p>models.py
  '''</p>
  <pre><code>class Guest(models.Model):
  author = models.CharField(null=True,max_length=20)
  content=models.TextField()
  created_at =models.DateTimeField(auto_now_add=True)
  sticker=models.ImageField(label=&quot;Decorate the picture next to it!&quot;,widget=models.RadioSelect(choices=STICKER_CHOICES))
  
  def __str__(self):
      return f'{self.author},{self.content}'
  </code></pre>
  <p>'''</p>
  <p>main html</p>
  <pre><code>Sticker: 
                      &lt;div class=&quot;table&quot;&gt;
                         &lt;input type = &quot;radio&quot; name = &quot;major&quot; style=&quot;margin-left:15px;&quot;&gt;&lt;img src=&quot;{% static 'diary/css/images/sticker/boat.png' %}&quot; style=&quot;height:80px;width:80px;&quot;&gt;&lt;/input&gt;
                         &lt;input type = &quot;radio&quot; name = &quot;major&quot; style=&quot;margin-left:15px;&quot;&gt;&lt;img src=&quot;{% static 'diary/css/images/sticker/airplane.png' %}&quot; style=&quot;height:80px;width:80px;&quot;&gt;&lt;/input&gt;
                         &lt;input type = &quot;radio&quot; name = &quot;major&quot; style=&quot;margin-left:15px;&quot;&gt;&lt;img src=&quot;{% static 'diary/css/images/sticker/bird.png' %}&quot; style=&quot;height:80px;width:80px;&quot;&gt;&lt;/input&gt;
                      &lt;/div&gt;
                      &lt;div class=&quot;table&quot;&gt;
                         &lt;input type = &quot;radio&quot; name = &quot;major&quot; style=&quot;margin-left:15px;&quot;&gt;&lt;img src=&quot;{% static 'diary/css/images/sticker/board.png' %}&quot; style=&quot;height:80px;width:80px;&quot;&gt;&lt;/input&gt;
                         &lt;input type = &quot;radio&quot; name = &quot;major&quot; style=&quot;margin-left:15px;&quot;&gt;&lt;img src=&quot;{% static 'diary/css/images/sticker/fish.png' %}&quot; style=&quot;height:80px;width:80px;&quot;&gt;&lt;/input&gt;
                         &lt;input type = &quot;radio&quot; name = &quot;major&quot; style=&quot;margin-left:15px;&quot;&gt;&lt;img src=&quot;{% static 'diary/css/images/sticker/starfish.png' %}&quot; style=&quot;height:80px;width:80px;&quot;&gt;&lt;/input&gt;
                      &lt;/div&gt;
                      &lt;div class=&quot;table&quot;&gt;
                         &lt;input type = &quot;radio&quot; name = &quot;major&quot; style=&quot;margin-left:15px;&quot;&gt;&lt;img src=&quot;{% static 'diary/css/images/sticker/turtle.png' %}&quot; style=&quot;height:80px;width:80px;&quot;&gt;&lt;/input&gt;
                         &lt;input type = &quot;radio&quot; name = &quot;major&quot; style=&quot;margin-left:15px;&quot;&gt;&lt;img src=&quot;{% static 'diary/css/images/sticker/shell.png' %}&quot; style=&quot;height:80px;width:80px;&quot;&gt;&lt;/input&gt;
                         &lt;input type = &quot;radio&quot; name = &quot;major&quot; style=&quot;margin-left:15px;&quot;&gt;&lt;img src=&quot;{% static 'diary/css/images/sticker/palm.png' %}&quot; style=&quot;height:80px;width:80px;&quot;&gt;&lt;/input&gt;
                      &lt;/div&gt;
  </code></pre>