Question

In: Computer Science

PRG/280 Week Three Assignment – Input Types and Form Designation Based on the readings for this...

PRG/280 Week Three Assignment – Input Types and Form Designation

  1. Based on the readings for this week, list the input types supported in HTML in general, and input types supported only in HTML5.
  1. HTML Input Types
      1. HTML5 Input Types
        1.   
    1. Study the HTML code snippet that appears below and answer these questions:
      1. Based on the code below, where will this form be sent after the user clicks the Submit button?
      2. How would the HTML code need to be changed if you wanted the contents of the form to be sent to [email protected] after the user clicks the Submit button? Give the entire new HTML statement that would be required to do this.

    <!DOCTYPE html>

    <html>

    <head>

    <link rel="stylesheet" href="MyStyle.css">

    </head>

    <body>

    <nav>

                <a href="GroceryHome.html">Home</a> |

                <a href="Products.html">Products</a> |

                <a href="AboutUs.html">About Us</a> |

                <a href="Contact.html">Contact</a>

    </nav>

    <header>

         <h1> My Contact Page</h1>

    </header>

    <article>

    Thank you for your interest in our grocery store. We offer delivery or call-ahead pickup services. Please provide your contact information, and indicate your family's food preferences.

    </article> <p>

    <form action="#" method="post" id="form1">

    <div class="div1">

    <label for="fname1" >First Name:</label><br>

    <input type="text" name="firstname1" id="fname1"><br>

    <label for="lname1" >Last Name:</label><br>

    <input type="text" name="lastname1" id="lname1"><br>

    <label for="phone1" >Phone (i.e. 123-456-7890):</label><br>

    <input type="text" name="phone1" id="phone1" placeholder="123-456-7890" ><br>

    <label for="email1" >Email:</label><br>

    <input type="text" name="email1" id="email1" placeholder="abc@xyz"><br>

    <label for="contactpreference1" >Prefered contact method?</label><br>

    <input type="radio" name="contactpreference1" value="phone" checked> Phone

    <input type="radio" name="contactpreference1" value="email"> Email

    <br><br>

    <input type="submit" id="Submit1" value="Submit" onclick=" validateMyPage()" />

    </div>

    </form>

    Solutions

    Expert Solution

    I) HTML Input Types:

    syntax: <input type='type'>

    • button
    • checkbox
    • color
    • date
    • datetime-local
    • email
    • file
    • hidden
    • image
    • month
    • number
    • password
    • radio
    • range
    • reset
    • search
    • submit
    • tel
    • text
    • time
    • url
    • week

    A) HTML5 Input Types:

    • color
    • date
    • datetime-local
    • email
    • month
    • number
    • range
    • search
    • tel
    • time
    • url
    • week

    Answers for HTML code snippet Questions:

    a) The form is sent to the same page, which then processes the data etc.

    b) we have to change form action to ='MAILTO:[email protected]'

    Here is the new whole HTML:

    <!DOCTYPE html>
    <html>
    <head>
    <link rel="stylesheet" href="MyStyle.css">
    </head>
    <body>
    <nav>
    <a href="GroceryHome.html">Home</a> |
    <a href="Products.html">Products</a> |
    <a href="AboutUs.html">About Us</a> |
    <a href="Contact.html">Contact</a>
    </nav>
    <header>
    <h1> My Contact Page</h1>
    </header>
    <article>
    Thank you for your interest in our grocery store. We offer delivery or call-ahead pickup services. Please provide your contact information, and indicate your family's food preferences.
    </article>
    <p>
    <form action="MAILTO:[email protected]" method="post" id="form1">
    <div class="div1">
    <label for="fname1">First Name:</label><br>
    <input type="text" name="firstname1" id="fname1"><br>
    <label for="lname1">Last Name:</label><br>
    <input type="text" name="lastname1" id="lname1"><br>
    <label for="phone1">Phone (i.e. 123-456-7890):</label><br>
    <input type="text" name="phone1" id="phone1" placeholder="123-456-7890"><br>
    <label for="email1">Email:</label><br>
    <input type="text" name="email1" id="email1" placeholder="abc@xyz"><br>
    <label for="contactpreference1">Prefered contact method?</label><br>
    <input type="radio" name="contactpreference1" value="phone" checked> Phone
    <input type="radio" name="contactpreference1" value="email"> Email
    <br><br>
    <input type="submit" id="Submit1" value="Submit" onclick=" validateMyPage()" />
    </div>
    </form>

      

      

    venereology answered 9 months ago
    Next > < Previous

    Related Solutions

    PRG/280 Week Two Assignment: Adding Navigation and CSS This assignment walks you through the steps of...
    PRG/280 Week Two Assignment: Adding Navigation and CSS This assignment walks you through the steps of adding one more page to your website and writing navigation (i.e., adding hyperlinks) between the two pages. The starting point will be the GroceryHome.html page from Week One. Hint: Copy the GroceryHome.html file to a new folder (suggested name for the folder: Week_2_Assignment) for Week Two. Step 1) First, modify the Week Two GroceryHome.html page to add the navigation. After the opening <body> tag,...
    Based on the readings for the week, would you say that Steve Jobs was an ethical...
    Based on the readings for the week, would you say that Steve Jobs was an ethical leader? State your rationale. Are you an Acolyte or a Rejector? Why? Respond to the observations of at least two of your peers for this post.
    Based on the assigned readings during Week 1 and 2 in The Blue Sweater, what are...
    Based on the assigned readings during Week 1 and 2 in The Blue Sweater, what are the important components of social entrepreneurship according to the author's model? Jacqueline Novogratz argues that success and failure go together and teach us how to succeed. Discuss some of the "failures" or important learning experiences Jacqueline encountered. If you use a quote from The Blue Sweater in your post, you may use an abridged citation: (Novogratz, p. #).
    Assignment 2: Constructive Dividends Based on your readings for the module, respond to the following: Explain...
    Assignment 2: Constructive Dividends Based on your readings for the module, respond to the following: Explain the concept of constructive dividends. Give examples. Construct three original examples of situations in which the IRS might claim constructive dividends. Suggest ways to ensure that constructive dividends are minimized or eliminated. Write a three- to five-page paper in MS Word format. Apply APA standards for writing style to your work.
    describe the three types of neurons based on their structure. describe three types of neurons based...
    describe the three types of neurons based on their structure. describe three types of neurons based on their functions.
    WEEK 1 HOMEWORK (based on your week 1 assignment) Please answer the following questions in complete...
    WEEK 1 HOMEWORK (based on your week 1 assignment) Please answer the following questions in complete sentences. Identify and define at least 5 fallacies about racism. What areas of life does racism affect? Define the two types of racism (institutional and interpersonal). What is symbolic violence when it comes to race? At one time Jews dominated basketball; now it is a game almost exclusively for African Americans. The text authors identify at least two reasons why both of these groups...
    Write down the regression model form with two quantitative inputs and one qualitative input with three...
    Write down the regression model form with two quantitative inputs and one qualitative input with three discrete levels. For each discrete level, we wish to have a complete second order model of the quantitative variables.
    Based upon the input from Units 1 and 2, you have just received your next assignment that...
    Based upon the input from Units 1 and 2, you have just received your next assignment that will contribute to your next decision. For the outdoor sporting goods client, based upon your prior decision on whether or not to either expand to the next market or retain your current position, justify your decision further utilizing the Chi-Square Distribution tool. One key criterion point: You do not have adequate data to formulate a full Chi-Square for the outdoor sporting goods client. However,...
    Describe the results and conclusions around weak form efficiency based on the following types of studies:...
    Describe the results and conclusions around weak form efficiency based on the following types of studies: a. Returns over short horizons. b. Returns over long horizons.
    This assignment was locked Feb 27 at 11:59pm. A. There are three types of taxable income;...
    This assignment was locked Feb 27 at 11:59pm. A. There are three types of taxable income; 1. active, 2. portfolio, 3. passive.  Describe each (in your own words) and make sure you understand the tax implications of these incomes. B. Debra Ferguson received the items and amounts of income shown below during 2016. Help her calculate, (a) her gross income and (b) that portion (dollar amount) of her income that is tax exempt. Salary                                                      $33,500 Dividends                                                  800            Gift from mother                                       500  ...
    ADVERTISEMENT
    Subjects
    ADVERTISEMENT
    Latest Questions
    ADVERTISEMENT