{"id":192,"date":"2025-10-20T19:34:16","date_gmt":"2025-10-20T19:34:16","guid":{"rendered":"https:\/\/theroyalscode.com\/students\/h_francois\/?p=192"},"modified":"2025-10-20T19:34:16","modified_gmt":"2025-10-20T19:34:16","slug":"10-20-25","status":"publish","type":"post","link":"https:\/\/theroyalscode.com\/students\/h_francois\/2025\/10\/20\/10-20-25\/","title":{"rendered":"10\/20\/25"},"content":{"rendered":"\n

today i kept it nice and simple and just worked on html building a hotel feedback form. Strictly html no CSS if i continue i might use CSS but for now just basic barebones of a feedback form, will add images below<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

main code which has the elements and attributes i used to code this<\/p>\n\n\n\n

    <main>\n      <form method=\"POST\" action=\"https:\/\/hotel-feedback.freecodecamp.org\">\n        <fieldset>\n          <legend>Personal Information<\/legend>\n          <label for=\"full-name\">Name (required):<\/label>\n          <input type=\"text\" id=\"full-name\" name=\"name\" placeholder=\"e.g., John Doe\" required size=\"20\">\n\n          <label for=\"email\">Email address (required):<\/label>\n          <input\n            placeholder=\"example@email.com\"\n            required\n            id=\"email\"\n            type=\"email\"\n            name=\"email\"\n            size=\"20\"\n          \/>\n          <label for=\"age\">Age (optional):<\/label>\n          <input type=\"number\" name=\"age\" id=\"age\" min=\"3\" max=\"100\" \/>\n        <\/fieldset>\n\n        <fieldset>\n          <legend>Was this your first time at our hotel?<\/legend>\n          <input id=\"yes-option\" type=\"radio\" name=\"hotel-stay\" \/>\n          <label for=\"yes-option\">Yes<\/label>\n          <input id=\"no-option\" type=\"radio\" name=\"hotel-stay\" \/>\n          <label for=\"no-option\">No<\/label>\n        <\/fieldset>\n\n        <fieldset>\n          <legend>\n            Why did you choose to stay at our hotel? (Check all that apply)\n          <\/legend>\n\n          <input type=\"checkbox\" id=\"ads\" name=\"ads\" value=\"ads\" \/>\n          <label for=\"ads\">Social Media Ads<\/label>\n\n          <input\n            type=\"checkbox\"\n            id=\"recommendation\"\n            name=\"recommendation\"\n            value=\"recommendation\"\n          \/>\n          <label for=\"recommendation\">Personal Recommendation<\/label>\n          \n          <input type=\"checkbox\" id=\"location\" name=\"location\" value=\"location\" \/>\n          <label for=\"location\">Location<\/label>\n\n          <input\n            checked\n            type=\"checkbox\"\n            id=\"reputation\"\n            name=\"reputation\"\n            value=\"reputation\"\n          \/>\n          <label for=\"reputation\">Reputation<\/label>\n          \n          <input type=\"checkbox\" id=\"price\" name=\"price\" value=\"price\" \/>\n          <label for=\"price\">Price<\/label>\n        <\/fieldset>\n\n        <fieldset>\n          <legend>Ratings<\/legend>\n\n          <label for=\"service\">How was the service?<\/label>\n\n          <select name=\"service\" id=\"service\">\n            <option value=\"poor\">Poor<\/option>\n            <option value=\"satisfactory\">Satisfactory<\/option>\n            <option value=\"good\">Good<\/option>\n            <option value=\"very-good\">Very Good<\/option>\n            <option selected value=\"excellent\">Excellent<\/option>\n          <\/select>\n\n          \n        <\/fieldset>\n      <\/form>\n    <\/main><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
today i kept it nice and simple and just worked on html building a hotel feedback form. Strictly html no CSS if i continue i might use CSS but for now just basic barebones of a feedback form, will add images below main code which has the elements and attributes i used to code this<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-192","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/posts\/192","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/comments?post=192"}],"version-history":[{"count":1,"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/posts\/192\/revisions"}],"predecessor-version":[{"id":194,"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/posts\/192\/revisions\/194"}],"wp:attachment":[{"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/media?parent=192"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/categories?post=192"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/tags?post=192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}