ボタンとしてdjangoにChoiceFieldを列挙する

Question

ChoiceFieldsをdjangoでドロップダウンリストからそれぞれ異なる選択肢を持つボタンに変える方法を変更する方法はありますか？

Answer 1

スタイルを変更するだけであれば、cssクラスを属性として渡すことができます。あなたが細かいカスタマイズが必要な場合は、デフォルトのウィジェットのテンプレートをオーバーライドして、あなたがdocs hereをwant.SeeどんなHTML置くことができますDocs

select_media = forms.ChoiceField(widget=forms.Select(
    attrs={'class': 'btn btn-primary'}), 
    choices=MEDIA_CHOICES) 

を参照してください。下のコードはDjango 1.11です。

class CustomSelectWidget(forms.Select): 
    template_name: 'yourapp/select.html' 
    option_template_name = 'yourapp/select_option.html' 

class CustomForm(forms.Form): 
    MEDIA_CHOICES = (
     (1, 'DVD'), 
     (2, 'VCD'), 
     (3,'USB') 
     ) 
    select_media = forms.ChoiceField(widget=CustomSelectWidget(
     attrs={'class': 'btn btn-primary'}), 
     choices=MEDIA_CHOICES)