{"id":11492,"date":"2009-11-02T16:43:56","date_gmt":"2009-11-02T20:43:56","guid":{"rendered":"http:\/\/www.bu.edu\/tech\/web\/departments\/wordpress\/how-to\/create-online-forms\/adding-fields-to-forms\/"},"modified":"2013-04-11T13:54:57","modified_gmt":"2013-04-11T17:54:57","slug":"adding-fields-to-forms","status":"publish","type":"page","link":"https:\/\/www.bu.edu\/tech\/services\/cccs\/websites\/www\/wordpress\/how-to\/create-online-forms\/adding-fields-to-forms\/","title":{"rendered":"Adding Fields to Forms"},"content":{"rendered":"<p>The <strong>Add Fields<\/strong> tool allows you to browse the types of fields you may want to add to your form.  To add a field,\u00c2\u00a0 click on the field type would like to add.  The new field will appear in the <strong>Form Editor.<\/strong><\/p>\n<div id=\"attachment11489\" style=\"width: 299px\" class=\"wp-caption aligncenter\"><a href=\"\/tech\/files\/2009\/11\/Picture-18.png\"><img aria-describedby=\"caption-attachment11489\" loading=\"lazy\" class=\"size-full wp-image-11489\" src=\"\/tech\/files\/2009\/11\/Picture-18.png\" alt=\"Add a Field\" width=\"289\" height=\"315\" \/><\/a><p id=\"caption-attachment11489\" class=\"wp-caption-text\">Add a Field<\/p><\/div>\n<p>Click the <strong>Edit<\/strong> button to edit this field&#8217;s properties.  The example below is of a Drop Down field.  In the Drop Down field editor, you will see that you can edit the <strong>Field Label<\/strong> and add however many choices you want to appear in the Drop Down field.<\/p>\n<p>Gravity Forms has a list of predefined choices to help make your form creation easier.  These choices will populate your field with common choices such as countries, states, levels of importance, and many more.  You can also drag and drop these fields within the <strong>Form Editor<\/strong> to easily rearrange their order on the page.<\/p>\n<div id=\"attachment11732\" style=\"width: 518px\" class=\"wp-caption aligncenter\"><a href=\"\/tech\/files\/2009\/11\/Picture-4.png\"><img aria-describedby=\"caption-attachment11732\" loading=\"lazy\" class=\"size-full wp-image-11732\" src=\"\/tech\/files\/2009\/11\/Picture-4.png\" alt=\"The Edit button for the new field appears in the upper right-hand corner\" width=\"508\" height=\"90\" \/><\/a><p id=\"caption-attachment11732\" class=\"wp-caption-text\">The Edit button for the new field appears in the upper right-hand corner.<\/p><\/div>\n<div id=\"attachment11733\" style=\"width: 515px\" class=\"wp-caption aligncenter\"><a href=\"\/tech\/files\/2009\/11\/Picture-5.png\"><img aria-describedby=\"caption-attachment11733\" loading=\"lazy\" class=\"size-full wp-image-11733\" src=\"\/tech\/files\/2009\/11\/Picture-5.png\" alt=\"Field Editor\" width=\"505\" height=\"628\" \/><\/a><p id=\"caption-attachment11733\" class=\"wp-caption-text\">Field Editor<\/p><\/div>\n<p>Gravity Forms breaks the available fields down into three categories as explained below:<\/p>\n<h3>Standard Fields<\/h3>\n<p>Standard Fields provide basic form functionality. Use them to create a wide variety of flexible fields.  They include:<\/p>\n<ul class=\"singlespace\">\n<li>Single Line Text<\/li>\n<li>Paragraph Text<\/li>\n<li>Drop Down<\/li>\n<li>Number<\/li>\n<li>Checkboxes<\/li>\n<li>Multiple Choice<\/li>\n<li>Section Break<\/li>\n<li>Hidden<\/li>\n<\/ul>\n<h3>Advanced Fields<\/h3>\n<p>Advanced Fields are for specific uses. They enable advanced formatting of regularly used fields such as Name, Email, Address, etc.  They include:<\/p>\n<ul class=\"singlespace\">\n<li>Name:  Two single line text fields for firstname and lastname<\/li>\n<li>Date:  Has validation for correct date format (mm\/dd\/yyyy  or dd\/mm\/yyyy)<\/li>\n<li>Time:  Formatted HH:MM with a drop-down for AM\/PM<\/li>\n<li>Phone: Formatted (###)###-#### or International<\/li>\n<li>Address:  Includes single line text fields for Street Address lines one and two, City, State, Zip Code, and a pre-populated drop-down menu for Country.<\/li>\n<li>Website: Single line text field pre-filled with http:\/\/<\/li>\n<li>Email:  Single line text field with validation for valid email address<\/li>\n<li>File Upload:  Includes button that allows user to browse computer for a file to upload via the form.<\/li>\n<li>reCAPTCHA:  Useful tool to prevent receiving spam submissions through your form.  Requires user to type in two words to prove that the form submitter is not a spambot.<\/li>\n<\/ul>\n<h3>Post Fields<\/h3>\n<p>Post Fields allow you to add fields to your form that create Post Drafts in WordPress from the submitted data. They include:<\/p>\n<ul class=\"singlespace\">\n<li>Title<\/li>\n<li>Body<\/li>\n<li>Excerpt<\/li>\n<li>Tags<\/li>\n<li>Category<\/li>\n<li>Image<\/li>\n<li>Custom Field<\/li>\n<\/ul>\n<h2>Add a Field Example: Multiple Choice<\/h2>\n<ol>\n<li>Under the Standard Fields section on the Form Editor, click the <strong>Multiple Choice <\/strong>button.  A Multiple Choice field will be added to your form.<\/li>\n<li>Hover over the form and click the <strong>Edit<\/strong> button.<\/li>\n<li>Under the Properties tab, enter the Field Label.  This is where you will put the question you want answered by the choices you will add in the next step.<\/li>\n<li>Gravity Forms will automatically add three choices. Edit these fields by clicking in the box that says <em>First Choice<\/em> and type in your choice.  Repeat this process for each choice you want to add.  If you need more than the three available fields, click the plus <em>(+)<\/em> button to add an additional choice.  Similarly, clicking the minus <em>(-)<\/em> button will remove unwanted choices.<\/li>\n<li>In the Description field, add in any optional information you want to include about this particular multiple choice question.<\/li>\n<li>Check the <strong>Required<\/strong> box to make this form field required. A required field will prevent the form from being submitted if it is not filled out or selected.<\/li>\n<li>Check the <strong>No Duplicates<\/strong> box to limit user input to unique values only. This will require that a value entered in a field does not currently exist in the entry database for that field.<\/li>\n<li>Click the Close button at the top of the Field Editor to close the field edit window and continue to add or edit other fields.<\/li>\n<li>When you have finished adding all fields, click the <strong>Save Form<\/strong> Button at the bottom of the page.<\/li>\n<\/ol>\n<p><a href=\"\/tech\/services\/cccs\/websites\/www\/wordpress\/how-to\/create-online-forms\/email-notification\/\">Setting up Email Notification &gt;&gt;<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Add Fields tool allows you to browse the types of fields you may want to add to your form. To add a field,\u00c2\u00a0 click on the field type would like to add. The new field will appear in the Form Editor. Click the Edit button to edit this field&#8217;s properties. The example below is&#8230;<\/p>\n","protected":false},"author":1301,"featured_media":0,"parent":6807,"menu_order":4,"comment_status":"closed","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/pages\/11492"}],"collection":[{"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/users\/1301"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/comments?post=11492"}],"version-history":[{"count":24,"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/pages\/11492\/revisions"}],"predecessor-version":[{"id":64850,"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/pages\/11492\/revisions\/64850"}],"up":[{"embeddable":true,"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/pages\/6807"}],"wp:attachment":[{"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/media?parent=11492"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}