Question

In: Computer Science

Coding – You don’t have to submit the full html document only submit what should be...

Coding – You don’t have to submit the full html document only submit what should be in the <body> element. Be sure to name your form controls, classes and/or ids in a meaningful manor.

5. Create a form that submits to ‘myScript.php’ with a drop down (or select) list that has 3 of your favorite bands, TV shows, movies, or books for the user to select from.

6. Create a form that uses three of the new HTML5 from control types and/or attributes.

Write an essay that talks about some of the best coding practices we have discussed in class (was last lecture) OR Create a form that submits to ‘processComment.cfm’ with 4 HTML5 form controls (either type or using HTML5 attributes), and provides the user with a text area to submit comments to your webpage.

Solutions

Expert Solution

Question 5:

<form action="myScript.php" method="post">

<!-- select list or drop down list -->

Select Books :

<select id="ddlBooks">

<option value="Three Mistaks of My Life">Three Mistaks of My Life</option>

<option value="Half Girlfriend">Half Girlfriend</option>

<option value="Five Point Someone">Five Point Someone</option>

</select>

<!-- submit button -->

<input type="submit" id="btnSubmit"/>

</form>

========================

Screen in the browser :

*******************************

Question 6:

<!-- html form with action and method attribute -->

<form action="processComment.cfm" method="post">

<!-- label to select date -->

<label for="dob">Date of Birth</label>

<!-- input type=date -->

<input type="date" id="dob"/>

<br><br>

<!-- label for color selection -->

<label for="color">Color</label>

<!-- input type=color -->

<input type="color" id="color"/>

<br><br>

<!-- lable for email -->

<label for="email">Email</label>

<!-- input type=email with placeholder and required attribute-->

<input type="email" id="email" placeholder="Enter Email" required/>

<br><br>

<!-- label for range -->

<label for="range">Select Number</label>

<!-- <input type=range -->

1<input type="range" id="range" min="1" max="10"/>10

<br><br>

<!-- lable for comment -->

<label for="comment">Comment</label>

<!-- textarea for comment -->

<textarea rows="5" cols="20" id="comment" maxlength="100" placeholder="Enter comment" autofocus="on"></textarea>

<br><br>

<!-- submit button -->

<input type="submit" id="btnSubmit" formnovalidate/>

</form>

=======================

Screen in the browser :


Related Solutions

Coding – You don’t have to submit the full html document only submit what should be...
Coding – You don’t have to submit the full html document only submit what should be in the <body> element. Be sure to name your form controls, classes and/or ids in a meaningful manor. 1. Create the HTML needed to have the largest heading with your name followed by an ordered list with your top favorite 5 bands, TV shows, movies or books. 2. Create a document that contains 3 hyperlinks. One hyperlink should contain an absolute path, another should...
What does the HTML tag designate in an HTML document?
What does the HTML tag designate in an HTML document?
Your HTML document should contain the following elements/features: HTML tags: An <input> tag labeled "Timer Duration"...
Your HTML document should contain the following elements/features: HTML tags: An <input> tag labeled "Timer Duration" with the initial value 0 A <button> tag labeled "Start" Script: When the user presses the button (1b), a function will begin that does the following: Reads the value from the input field (1a) Removes the <input> and <button> tags (1a & 1b) Creates a new <p> tag, initialized to show the input value Starts a timer that ticks down to zero. For every...
Complete and submit the assignment in an EXCEL file. Full credit is earned only if the...
Complete and submit the assignment in an EXCEL file. Full credit is earned only if the formulas for the calculations is evident in the spreadsheet She Shed. Corp was organized in 2017. These business events occurred during the year, affecting intangible assets. 1.    Purchased a license for $20,000 on July 1, 2017. The license gives She Shed exclusive rights to sell its sheds in the tri-state region and will expire on July 1, 2025. 2.    Purchased a patent on January...
HTML document containing a form. The title bar should display “Voting Form”. The form should contain...
HTML document containing a form. The title bar should display “Voting Form”. The form should contain the following: Text boxes to accept the person’s name and e-mail address At least five radio buttons the user can use to vote for a candidate for some office. (You make up some names) Text box for write-in alternative Checkboxes with name and value attributes for these options: oThis is the first time I have voted online. o I have periodically voted online. o...
Design and submit a concept map on what you have learned. It should include concepts and...
Design and submit a concept map on what you have learned. It should include concepts and connections between concepts including: Microbiology testing techniques Types of microbes identified by each technique
Design and submit a concept map on what you have learned. It should include concepts and...
Design and submit a concept map on what you have learned. It should include concepts and connections between concepts including: Bacteria Structure Bacteria Function Transmission and replication Types
Design and submit a concept map on what you have learned. It should include concepts and...
Design and submit a concept map on what you have learned. It should include concepts and connections between concepts including: Structure and function of eye Structure and function of ear Structure and function of tongue and taste Structure and function of nose and smell
Design and submit a concept map on what you have learned. It should include concepts and...
Design and submit a concept map on what you have learned. It should include concepts and connections between concepts including: Female reproductive system structure and function Male reproductive system structure and function.
This should be done in JavaScript. The HTML file should only contain an empty main tag....
This should be done in JavaScript. The HTML file should only contain an empty main tag. All other HTML on the page should be created with JavaScript. The JavaScript file should be a separate file.   Make an empty HTML file, put an empty main tag inside the body. In your JavaScript, use querySelector to get a reference to the main tag and save it in a variable named main. Look up three good jokes and store them as separate variables...
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT