{"id":866,"date":"2019-04-09T22:41:59","date_gmt":"2019-04-09T13:41:59","guid":{"rendered":"https:\/\/www.nblog09.com\/w\/?p=866"},"modified":"2021-11-11T17:38:18","modified_gmt":"2021-11-11T08:38:18","slug":"django_form","status":"publish","type":"post","link":"https:\/\/www.nblog09.com\/w\/2019\/04\/09\/django_form\/","title":{"rendered":"Django\u306eForm\u306eas_p, as_ul, as_table\u3067\u81ea\u52d5\u7684\u306b\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3057\u3066\u8868\u793a\u3059\u308b"},"content":{"rendered":"

\u4eca\u56de\u306f\u3001as_p,as_ul,as_table\u3092\u7528\u3044\u3066\u3001Django\u306eForm\u3092\u3088\u308a\u304d\u308c\u3044\u306b\u8868\u793a\u3059\u308b\u8868\u793a\u65b9\u6cd5\u3092\u8a18\u8f09\u3059\u308b<\/p>\n

as_p, as_ul, as_table\u3092\u5229\u7528\u3059\u308b\u3068\u3001\u81ea\u52d5\u7684\u306bform\u306e\u5404\u30d5\u30a3\u30fc\u30eb\u30c9\u304c\u3001p\u30bf\u30b0\u3001li\u30bf\u30b0\u3001tr,th,td\u30bf\u30b0\u306b\u56f2\u308f\u308c\u3066<\/span>\u8868\u793a\u3055\u308c\u308b\u3088\u3046\u306b\u306a\u308b<\/p>\n


\nas_p,as_ul,as_table\u3067\u306eform\u306e\u8868\u793a
\n<\/strong><\/h2>\n
\n\u307e\u305a\u3001\u4eca\u56de\u306f\u3001\u30b5\u30f3\u30d7\u30eb\u3068\u3057\u3066forms.py\u306f\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u5b9a\u7fa9\u3057\u305f\u3002<\/p>\n
    \n
  • forms.py<\/li>\n<\/ul>\n

    <\/p>\n

    \nfrom django import forms<\/p>\n

    class FormName(forms.Form):
    \n    name = forms.CharField()
    \n    email = forms.EmailField()
    \n    age = forms.IntegerField()
    \n    sex = forms.ChoiceField(choices=[
    \n        ('item1', 'man'), ('item2', 'woman')
    \n    ])
    \n    check = forms.BooleanField()<\/p>\n<\/div>\n

    \u6b21\u306bviews.py\u3067\u30d5\u30a9\u30fc\u30e0\u3092template\u306b\u5024\u3092\u6e21\u3059\u3002<\/p>\n

      \n
    • views.py<\/li>\n<\/ul>\n

      <\/p>\n

      \nfrom django.shortcuts import render
      \nfrom . import forms<\/p>\n

      def index(request):
      \n    return render(request, 'basicapp\/index.html')<\/p>\n

      def form_name_view(request): # form\u3092\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u6e21\u3059<\/strong>
      \n    form = forms.FormName()<\/p>\n

          if request.method == 'POST':
      \n        form = forms.FormName(request.POST)<\/p>\n

          return render(request, 'basicapp\/form_page.html', {'form': form})
      \n    # form\u3092tempate\u306b\u6e21\u3059<\/strong>\n<\/div>\n

      \u6700\u5f8c\u306btemplate\u3067\u3001as_p,as_ul,as_table\u3067form\u304c\u3069\u306e\u3088\u3046\u306b\u8868\u793a\u3055\u308c\u308b\u304b\u898b\u3066\u3044\u304f<\/p>\n

        \n
      • form_page.html(as_p)<\/li>\n<\/ul>\n

        <\/p>\n

        \n<!DOCTYPE html>
        \n<html lang=\"en\">
        \n<head>
        \n    <meta charset=\"UTF-8\">
        \n<link rel=\"stylesheet\" href=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.3.7\/css\/bootstrap.min.css\" integrity=\"sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz\/K68vbdEjh4u\" crossorigin=\"anonymous\"> <title>Forms<\/title>
        \n<\/head>
        \n<body>
        \n    <h1>Fill out the form!<\/h1>
        \n    <div class=\"container\">
        \n        <form method=\"post\">
        \n            {{ form.as_p<\/span> }}
        \n            {% csrf_token %}
        \n            <input type=\"submit\" class=\"btn btn-primary\" value=\"Submit\">
        \n        <\/form>
        \n    <\/div>
        \n<\/body>
        \n<\/html>\n<\/div>\n
          \n
        • \u753b\u9762\u306b\u306f\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u8868\u793a\u3055\u308c\u308b(as_p)<\/li>\n<\/ul>\n

          \"\"<\/p>\n

            \n
          • form_page.html(as_ul)<\/li>\n<\/ul>\n

            <\/p>\n

            <!DOCTYPE html>
            \n<html lang=\"en\">
            \n<head>
            \n    <meta charset=\"UTF-8\">
            \n<link rel=\"stylesheet\" href=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.3.7\/css\/bootstrap.min.css\" integrity=\"sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz\/K68vbdEjh4u\" crossorigin=\"anonymous\"> <title>Forms<\/title>
            \n<\/head>
            \n<body>
            \n    <h1>Fill out the form!<\/h1>
            \n    <div class=\"container\">
            \n        <form method=\"post\">
            \n            <ul><!-- ul\u3067li\u8981\u7d20\u3092\u56f2\u3046(ol\u3067\u3082OK) -->
            \n            {{ form.as_ul<\/span> }}
            \n            {% csrf_token %}
            \n            <\/ul>
            \n            <input type=\"submit\" class=\"btn btn-primary\" value=\"Submit\">
            \n        <\/form>
            \n    <\/div>
            \n<\/body>
            \n<\/html><\/div>\n
              \n
            • \u753b\u9762\u306b\u306f\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u8868\u793a\u3055\u308c\u308b(as_ul)<\/li>\n<\/ul>\n

              \"\"<\/p>\n

                \n
              • form_page.html(as_table)<\/li>\n<\/ul>\n

                <\/p>\n

                <!DOCTYPE html>
                \n<html lang=\"en\">
                \n<head>
                \n    <meta charset=\"UTF-8\">
                \n<link rel=\"stylesheet\" href=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.3.7\/css\/bootstrap.min.css\" integrity=\"sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz\/K68vbdEjh4u\" crossorigin=\"anonymous\"> <title>Forms<\/title>
                \n<\/head>
                \n<body>
                \n    <h1>Fill out the form!<\/h1>
                \n    <div class=\"container\">
                \n        <form method=\"post\">
                \n            <table>
                \n            {{ form.as_table<\/span> }}
                \n            <\/table>
                \n            {% csrf_token %}
                \n            <input type=\"submit\" class=\"btn btn-primary\" value=\"Submit\">
                \n        <\/form>
                \n    <\/div>
                \n<\/body>
                \n<\/html>\n<\/div>\n
                  \n
                • \u753b\u9762\u306b\u306f\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u8868\u793a\u3055\u308c\u308b(as_table)<\/li>\n<\/ul>\n

                  \"\"\n<\/div>\n

                  \u4ee5\u4e0a\u3001django\u306eform\u306eas_p,as_ul,as_table\u306b\u3064\u3044\u3066\u8a73\u7d30\u306b\u8a18\u8f09\u3057\u307e\u3057\u305f\u3002<\/p>\n

                  <\/div>\n","protected":false},"excerpt":{"rendered":"

                  \u4eca\u56de\u306f\u3001as_p,as_ul,as_table\u3092\u7528\u3044\u3066\u3001Django\u306eForm\u3092\u3088\u308a\u304d\u308c\u3044\u306b\u8868\u793a\u3059\u308b\u8868\u793a\u65b9\u6cd5\u3092\u8a18\u8f09\u3059\u308b as_p, as_ul, as_table\u3092\u5229\u7528\u3059\u308b\u3068\u3001\u81ea\u52d5\u7684\u306bform\u306e\u5404\u30d5\u30a3\u30fc\u30eb\u30c9\u304c\u3001p\u30bf\u30b0\u3001l […]<\/p>\n","protected":false},"author":1,"featured_media":364,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_uag_custom_page_level_css":"","_uf_show_specific_survey":0,"_uf_disable_surveys":false,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[121,219],"tags":[122,143,14],"class_list":{"0":"post-866","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-django","8":"category-it-programming","9":"tag-django","10":"tag-form","11":"tag-python","12":"entry"},"uagb_featured_image_src":{"full":["https:\/\/www.nblog09.com\/w\/wp-content\/uploads\/2019\/01\/christmas-1911637__480.jpg",720,480,false],"thumbnail":["https:\/\/www.nblog09.com\/w\/wp-content\/uploads\/2019\/01\/christmas-1911637__480-150x150.jpg",150,150,true],"medium":["https:\/\/www.nblog09.com\/w\/wp-content\/uploads\/2019\/01\/christmas-1911637__480-300x200.jpg",300,200,true],"medium_large":["https:\/\/www.nblog09.com\/w\/wp-content\/uploads\/2019\/01\/christmas-1911637__480.jpg",720,480,false],"large":["https:\/\/www.nblog09.com\/w\/wp-content\/uploads\/2019\/01\/christmas-1911637__480.jpg",720,480,false],"1536x1536":["https:\/\/www.nblog09.com\/w\/wp-content\/uploads\/2019\/01\/christmas-1911637__480.jpg",720,480,false],"2048x2048":["https:\/\/www.nblog09.com\/w\/wp-content\/uploads\/2019\/01\/christmas-1911637__480.jpg",720,480,false],"home-middle":["https:\/\/www.nblog09.com\/w\/wp-content\/uploads\/2019\/01\/christmas-1911637__480.jpg",525,350,false],"home-top":["https:\/\/www.nblog09.com\/w\/wp-content\/uploads\/2019\/01\/christmas-1911637__480.jpg",630,420,false],"sidebar-thumbnail":["https:\/\/www.nblog09.com\/w\/wp-content\/uploads\/2019\/01\/christmas-1911637__480.jpg",100,67,false]},"uagb_author_info":{"display_name":"9nmatsumoto","author_link":"https:\/\/www.nblog09.com\/w\/author\/9nmatsumoto\/"},"uagb_comment_info":5,"uagb_excerpt":"\u4eca\u56de\u306f\u3001as_p,as_ul,as_table\u3092\u7528\u3044\u3066\u3001Django\u306eForm\u3092\u3088\u308a\u304d\u308c\u3044\u306b\u8868\u793a\u3059\u308b\u8868\u793a\u65b9\u6cd5\u3092…","_links":{"self":[{"href":"https:\/\/www.nblog09.com\/w\/wp-json\/wp\/v2\/posts\/866","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nblog09.com\/w\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nblog09.com\/w\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nblog09.com\/w\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nblog09.com\/w\/wp-json\/wp\/v2\/comments?post=866"}],"version-history":[{"count":21,"href":"https:\/\/www.nblog09.com\/w\/wp-json\/wp\/v2\/posts\/866\/revisions"}],"predecessor-version":[{"id":3794,"href":"https:\/\/www.nblog09.com\/w\/wp-json\/wp\/v2\/posts\/866\/revisions\/3794"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.nblog09.com\/w\/wp-json\/wp\/v2\/media\/364"}],"wp:attachment":[{"href":"https:\/\/www.nblog09.com\/w\/wp-json\/wp\/v2\/media?parent=866"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nblog09.com\/w\/wp-json\/wp\/v2\/categories?post=866"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nblog09.com\/w\/wp-json\/wp\/v2\/tags?post=866"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}