title: Styling many to many field in form
body: <p>I created form based on this model:</p>
  
  <pre><code>class Playlist(models.Model):
      title = models.CharField(max_length=40, null=True)
      description = models.CharField(max_length=500, null=True)
      author = models.ForeignKey(User, default=None, on_delete=models.CASCADE)
      created_at = models.DateTimeField(auto_now_add=True)
      updated_at = models.DateTimeField(auto_now=True)
      miniature = models.ImageField(upload_to='images/playlist', default="defaults/default.png", validators=[validate_miniature_file_extension])
      tracks = models.ManyToManyField(Track)
  </code></pre>
  
  <p>form:</p>
  
  <pre><code>class AddPlaylist(forms.ModelForm):
      class Meta:
          model = models.Playlist
          fields = ['title', 'description', 'tracks', 'miniature']
          widgets = {
              'description': Textarea(attrs={'cols': 30, 'rows': 10}),
          }
  </code></pre>
  
  <p>When I rendered it, behavior of "tracks" surprised me. It looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/v5pic.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/v5pic.png" alt="enter image description here"></a></p>
  
  <p>First thing: Names - I want to name those tracks with (Track is model and has field "title") Track.title. How can I do it? I didn't found anything when I was searching for widgets to ManyToManyField.</p>
  
  <p>Second thing: Selecting - for example when I click on Track object(1) when Track object(4) is selected, obj(4) becomes unselected, and obj(1) becomes selected. Using shift provides to select fields between objects (between obj(1) and obj(3) for example), but user can't select obj(1) and obj(3) for example.</p>