{"id":98,"date":"2024-02-06T17:11:20","date_gmt":"2024-02-06T17:11:20","guid":{"rendered":"https:\/\/www.xopsschool.com\/tutorials\/?p=98"},"modified":"2024-02-29T18:18:59","modified_gmt":"2024-02-29T18:18:59","slug":"define-html-forms","status":"publish","type":"post","link":"https:\/\/www.xopsschool.com\/tutorials\/define-html-forms\/","title":{"rendered":"Define Html Forms ?"},"content":{"rendered":"\n<p>An HTML form is used to collect user input. The user input is most often sent to a server for processing , HTML form facilitates the user to enter data that is to be sent to the server for processing such as name, email address, password, phone number.<\/p>\n\n\n\n<p>The Html element is used to create an HTML form for user input.Html Form Syntax :-<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;form>\nform elements\n&lt;\/form>\n\nThe element is a container for different types of input element, such as :text fields, checkboxes, radio buttons, submit buttons.\n<strong>Html Code:- <\/strong>\n<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html>\r\n&lt;html>\r\n&lt;body>\r\n&lt;h2>HTML Forms&lt;\/h2>\r\n&lt;form action=\"\/action_page.php\">\r\n&lt;label for=\"fname\">First name:&lt;\/label>&lt;br>\r\n&lt;input type=\"text\" id=\"fname\" name=\"fname\" value=\"John\">&lt;br>\r\n&lt;label for=\"lname\">Last name:&lt;\/label>&lt;br>\r\n&lt;input type=\"text\" id=\"lname\" name=\"lname\" value=\"Doe\">&lt;br>&lt;br>\r\n&lt;input type=\"submit\" value=\"Submit\">\r\n&lt;\/form>\r\n&lt;p>If you click the \"Submit\" button, the form-data will be sent to a page called \"\/action_page.php\".&lt;\/p>\r\n&lt;\/body>\r\n&lt;\/html>\n\n<strong>Html &lt;input> Element<\/strong>\nThe HTML &lt;input> element is the most used form element.\r\nAn &lt;input> element can be displayed in many ways, depending on the type attribute.\nThe HTML &lt;input> element is the most used form element.\n\r\nAn &lt;input> element can be displayed in many ways, depending on the type attribute.\n\nText Fields\r\nThe &lt;input type=\"text\"> defines a single-line input field for text input.\r\nExample\r\nA form with input fields for text:\n<strong>HTML field example:-<\/strong>\n\n\n<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;form>\r\n&lt;label for=\"fname\">First name:&lt;\/label>&lt;br>\r\n&lt;input type=\"text\" id=\"fname\" name=\"fname\">&lt;br>\r\n&lt;label for=\"lname\">Last name:&lt;\/label>&lt;br>\r\n&lt;input type=\"text\" id=\"lname\" name=\"lname\">\r\n&lt;\/form><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>An HTML form is used to collect user input. The user input is most often sent to a server for processing , HTML form facilitates the user to enter data that is to be sent to the server for processing such as name, email address, password, phone number. The Html element is used to create &#8230; <a title=\"Define Html Forms ?\" class=\"read-more\" href=\"https:\/\/www.xopsschool.com\/tutorials\/define-html-forms\/\" aria-label=\"Read more about Define Html Forms ?\">Read more<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-98","post","type-post","status-publish","format-standard","hentry","category-html-tutorial"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Define Html Forms ? - XOps Tutorials!!!<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.xopsschool.com\/tutorials\/define-html-forms\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Define Html Forms ? - XOps Tutorials!!!\" \/>\n<meta property=\"og:description\" content=\"An HTML form is used to collect user input. The user input is most often sent to a server for processing , HTML form facilitates the user to enter data that is to be sent to the server for processing such as name, email address, password, phone number. The Html element is used to create ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.xopsschool.com\/tutorials\/define-html-forms\/\" \/>\n<meta property=\"og:site_name\" content=\"XOps Tutorials!!!\" \/>\n<meta property=\"article:published_time\" content=\"2024-02-06T17:11:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-29T18:18:59+00:00\" \/>\n<meta name=\"author\" content=\"ritik hansda\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"ritik hansda\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/define-html-forms\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/define-html-forms\/\"},\"author\":{\"name\":\"ritik hansda\",\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/#\/schema\/person\/c0119ddd2d27ea9cd476e809c8294ba7\"},\"headline\":\"Define Html Forms ?\",\"datePublished\":\"2024-02-06T17:11:20+00:00\",\"dateModified\":\"2024-02-29T18:18:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/define-html-forms\/\"},\"wordCount\":66,\"commentCount\":0,\"articleSection\":[\"HTML Tutorial\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.xopsschool.com\/tutorials\/define-html-forms\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/define-html-forms\/\",\"url\":\"https:\/\/www.xopsschool.com\/tutorials\/define-html-forms\/\",\"name\":\"Define Html Forms ? - XOps Tutorials!!!\",\"isPartOf\":{\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/#website\"},\"datePublished\":\"2024-02-06T17:11:20+00:00\",\"dateModified\":\"2024-02-29T18:18:59+00:00\",\"author\":{\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/#\/schema\/person\/c0119ddd2d27ea9cd476e809c8294ba7\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/define-html-forms\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.xopsschool.com\/tutorials\/define-html-forms\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/define-html-forms\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.xopsschool.com\/tutorials\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Define Html Forms ?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/#website\",\"url\":\"https:\/\/www.xopsschool.com\/tutorials\/\",\"name\":\"XOps Tutorials!!!\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.xopsschool.com\/tutorials\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/#\/schema\/person\/c0119ddd2d27ea9cd476e809c8294ba7\",\"name\":\"ritik hansda\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.xopsschool.com\/tutorials\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6fe0bc437410899c524975272622377e50e726108b1ad03f7b4488f734304fce?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6fe0bc437410899c524975272622377e50e726108b1ad03f7b4488f734304fce?s=96&d=mm&r=g\",\"caption\":\"ritik hansda\"},\"url\":\"https:\/\/www.xopsschool.com\/tutorials\/author\/ritikhansda\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Define Html Forms ? - XOps Tutorials!!!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.xopsschool.com\/tutorials\/define-html-forms\/","og_locale":"en_US","og_type":"article","og_title":"Define Html Forms ? - XOps Tutorials!!!","og_description":"An HTML form is used to collect user input. The user input is most often sent to a server for processing , HTML form facilitates the user to enter data that is to be sent to the server for processing such as name, email address, password, phone number. The Html element is used to create ... Read more","og_url":"https:\/\/www.xopsschool.com\/tutorials\/define-html-forms\/","og_site_name":"XOps Tutorials!!!","article_published_time":"2024-02-06T17:11:20+00:00","article_modified_time":"2024-02-29T18:18:59+00:00","author":"ritik hansda","twitter_card":"summary_large_image","twitter_misc":{"Written by":"ritik hansda","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.xopsschool.com\/tutorials\/define-html-forms\/#article","isPartOf":{"@id":"https:\/\/www.xopsschool.com\/tutorials\/define-html-forms\/"},"author":{"name":"ritik hansda","@id":"https:\/\/www.xopsschool.com\/tutorials\/#\/schema\/person\/c0119ddd2d27ea9cd476e809c8294ba7"},"headline":"Define Html Forms ?","datePublished":"2024-02-06T17:11:20+00:00","dateModified":"2024-02-29T18:18:59+00:00","mainEntityOfPage":{"@id":"https:\/\/www.xopsschool.com\/tutorials\/define-html-forms\/"},"wordCount":66,"commentCount":0,"articleSection":["HTML Tutorial"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.xopsschool.com\/tutorials\/define-html-forms\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.xopsschool.com\/tutorials\/define-html-forms\/","url":"https:\/\/www.xopsschool.com\/tutorials\/define-html-forms\/","name":"Define Html Forms ? - XOps Tutorials!!!","isPartOf":{"@id":"https:\/\/www.xopsschool.com\/tutorials\/#website"},"datePublished":"2024-02-06T17:11:20+00:00","dateModified":"2024-02-29T18:18:59+00:00","author":{"@id":"https:\/\/www.xopsschool.com\/tutorials\/#\/schema\/person\/c0119ddd2d27ea9cd476e809c8294ba7"},"breadcrumb":{"@id":"https:\/\/www.xopsschool.com\/tutorials\/define-html-forms\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.xopsschool.com\/tutorials\/define-html-forms\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.xopsschool.com\/tutorials\/define-html-forms\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.xopsschool.com\/tutorials\/"},{"@type":"ListItem","position":2,"name":"Define Html Forms ?"}]},{"@type":"WebSite","@id":"https:\/\/www.xopsschool.com\/tutorials\/#website","url":"https:\/\/www.xopsschool.com\/tutorials\/","name":"XOps Tutorials!!!","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.xopsschool.com\/tutorials\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.xopsschool.com\/tutorials\/#\/schema\/person\/c0119ddd2d27ea9cd476e809c8294ba7","name":"ritik hansda","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.xopsschool.com\/tutorials\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6fe0bc437410899c524975272622377e50e726108b1ad03f7b4488f734304fce?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6fe0bc437410899c524975272622377e50e726108b1ad03f7b4488f734304fce?s=96&d=mm&r=g","caption":"ritik hansda"},"url":"https:\/\/www.xopsschool.com\/tutorials\/author\/ritikhansda\/"}]}},"_links":{"self":[{"href":"https:\/\/www.xopsschool.com\/tutorials\/wp-json\/wp\/v2\/posts\/98","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xopsschool.com\/tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.xopsschool.com\/tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.xopsschool.com\/tutorials\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xopsschool.com\/tutorials\/wp-json\/wp\/v2\/comments?post=98"}],"version-history":[{"count":1,"href":"https:\/\/www.xopsschool.com\/tutorials\/wp-json\/wp\/v2\/posts\/98\/revisions"}],"predecessor-version":[{"id":99,"href":"https:\/\/www.xopsschool.com\/tutorials\/wp-json\/wp\/v2\/posts\/98\/revisions\/99"}],"wp:attachment":[{"href":"https:\/\/www.xopsschool.com\/tutorials\/wp-json\/wp\/v2\/media?parent=98"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.xopsschool.com\/tutorials\/wp-json\/wp\/v2\/categories?post=98"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.xopsschool.com\/tutorials\/wp-json\/wp\/v2\/tags?post=98"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}