
Database System Concepts
7th Edition
ISBN: 9780078022159
Author: Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher: McGraw-Hill Education
expand_more
expand_more
format_list_bulleted
Concept explainers
Question
Use HTML/CSS/JavaScript to build a textbox that accepts a maximum of ten lower-case alphabetic characters.
The entering of upper-case alphabetic characters, numeric characters, or special characters are prevented by your code. That is, the prohibited characters are unable to appear in the textbox.
Events are to be addressed by JavaScript event listeners. Usage of HTML onEventName attributes are strictly prohibited.
Note: you do not have to code a complete working webpage, only necessary code that satisfy the requirements are needed.
Expert Solution

This question has been solved!
Explore an expertly crafted, step-by-step solution for a thorough understanding of key concepts.
Step by stepSolved in 3 steps with 2 images

Knowledge Booster
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.Similar questions
- You are going to add some javascript to your webpage to greet the user. All the below instructions can be found with further explanations in the Javascript lectures. Don not only give me the html code, i need javascript If you do not already have them, add two <h1> title tags so they display at the top of your webpage The first tag should have the contents: “Welcome” The second tag should have an id='username' and contents: “Placeholder” All Javascript must go in a file with the extension “.js”, such as “main.js” or “script.js”. Create a file to hold your javascript if one is not already there. Add a script tag at the end of your body tag that includes your javascript file. In your script tag, use the javascript prompt command to save input from the user into a variable Ask the user their name in the prompt command You can name the variable whatever you like Change the second <h1 id=’username’> contents to the name entered by the user it should be stored in the…arrow_forwardI have the HTML part down - I'm just needing help with the javascirpt function. You must create a website page that asks the user to input information about themselves to see if they might be a good study buddy for you. Your webpage must have a form that posts information to StudyBuddy.js. You form must have a submit button labeled submit. You must have at least 3 of the following elements: text input element set of radio buttons checkbox drop down list box list box textarea All elements on your html page must be a different type. (i.e., You may not use 3 text input elements.) Each input must have a label that describes the value being input. Each input must have a label to signify if there is an error in the value entered for that field. You must use the following HTML 5 attributes at least once: autocomplete required novalidate pattern title You must add a function to StudyBuddy.js that will be called when the submit button is pressed. For each of the three elements you add…arrow_forwardIn html and CSS Create a mouseOver event function, that will change the colour of an HTML item (ie. a button or a list item) to green, then to black after 5 secondsarrow_forward
- HTML Last lab, you created a webpage about someone you admire. Now we are going to add some styling to the webpage. You must apply descriptors (css rule) to the following selectors (any tags you do not currently have need to be added): body h1,h2,h3,h4,h5,h6,h7 (use at least 2) p ul li img You must use all of the following descriptors below in your page. Although you are not being graded on your design ability, do your best to make the style your own. Text Descriptors color font-size font-weight text-align Background background-color border Size width height margin You may add any additional styling or layout descriptors you like. Layout is a complicated topic in CSS and the lab does not require any specific layout, but here is a good explanation if you want to alter the layout anyway: https://learnlayout.com/arrow_forwardHow to code? Hello, Im completely lost with my coding assignment. Here are the instuctions: Summary Kidder Garden Pete Burnham of the Kidder Garden website wants you to develop an application for drawing images or "stamps". As a proof of concept, he wants you to create a webpage in which users can choose stamps of a specified size and shade (opacity) and then place those stamp images on a canvas using the mouse. The user can then modify the size, position, rotation, or shading (opacity) by clicking tools from a toolbar and applying that tool to a stamp image. Pete has already designed the webpage. He needs you to write the code to create the stamp objects and place them as images on the page's canvas. Figure 14-50 shows a preview of a completed page with stamp images created and modified by the user. Pete has also supplied you with the following object methods that will be useful to you: The elementX() method for the Event object prototype that returns the x-coordinate of a mouse…arrow_forwardMake a table in HTML format that works with your school's timetable. The column headers should indicate the time of day for each class, and the row headers should indicate the day of the week. The table numbers need to be labelled with the course name and instructor's name. Since it will be at the table's top, a fitting caption is required.arrow_forward
- HTML/CSS JAVASCRIPT please help me answer this question I will give you a good rating Thank you! Given the following word search application, which searches for words in paragraphs, modify it so that it Adds two spans tab within the HTML within the designated new "Illustate" text segments as shown below. Has a new click event which searches the occurrence of the word within all span tabs residing within the first div container , then highlights the text in the span tab which contains the word c) In the same routine, count the number of times ( using a global variable) that the word is found Within the object array loop for span tabs ( where the indexOf statement is located) and after all span tabs are highlighted, send that number to a new html element ( a div, h1, span, p choice is up to you). The count should be continually accumulated and should show the total number of times a word is found in a span tab for all user activated clicks of the search button for…arrow_forwardWrite a JavaScript code with the following three different conditions: • Create the HTML document containing an element with id="myImage" for any images you want. • Use the HTML DOM to get the element with id="myImage". • Write a JavaScript function to change the JavaScript src attribute of element from " pet.gif" to " cat.jpg" when clicking on a button. Note: Students can use any gif and jpg files according to their choice. Important notes: 1. You should have to copy and paste the script as your answer to this question. DON’T take a screenshot for your script. It must be an editable script. 2. Take a screenshot of your output web page and paste it as a part of your answer.arrow_forwarduse the given code snippet to answer the following question html { font-size: 16px which css declaration ensures that the <body> font size inherits the <html> font size? Body { Font-size: 16px: Line-height: 1.25em Color: #1d1d1d font -weight: 400; Body { Font-size: 1cm: Line-height: 1.25em Color: #1d1d1d font -weight: 100; Body { Font-size: 1vh: Line-height: 1.25em Color: #1d1d1d font -weight: 400; Body { Font-size: 1vw: Line-height: 1.25em Color: #1d1d1d Line -weight: 400;arrow_forward
- A form is created with HTML tags, not JavaScript code, in the <body> section of the HTML file with the <form> tag. True Falsearrow_forward<!DOCTYPE html><html lang="en"><head> <title>JavaScript Practice</title> <meta charset="utf-8"><style>input { display: block; margin-bottom: 1em; }label { float: left; width: 5em; padding-right: 1em; text-align: right; }input[type="submit"] { margin-left: 7em; } </style><script>function validateForm() {if (document.forms[0].userName.value == "" ) { alert("Name field cannot be empty."); return false;} // end ifif (document.forms[0].userAge.value < 18) { alert("Age is less than 18. You are not an adult."); return false;} // end ifalert("Name and Age are valid.");return true;} // end function validateForm</script></head><body><h1>JavaScript Form Handling</h1><form method="post" action="https://webdevbasics.net/scripts/demo.php" onsubmit="return validateForm();"><label for="userName">Name:</label><input type="text"…arrow_forwardThere are many types of regular expression patterns you can use to validate your form in HTML. What are some codes with regular expression patterns?arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- Database System ConceptsComputer ScienceISBN:9780078022159Author:Abraham Silberschatz Professor, Henry F. Korth, S. SudarshanPublisher:McGraw-Hill EducationStarting Out with Python (4th Edition)Computer ScienceISBN:9780134444321Author:Tony GaddisPublisher:PEARSONDigital Fundamentals (11th Edition)Computer ScienceISBN:9780132737968Author:Thomas L. FloydPublisher:PEARSON
- C How to Program (8th Edition)Computer ScienceISBN:9780133976892Author:Paul J. Deitel, Harvey DeitelPublisher:PEARSONDatabase Systems: Design, Implementation, & Manag...Computer ScienceISBN:9781337627900Author:Carlos Coronel, Steven MorrisPublisher:Cengage LearningProgrammable Logic ControllersComputer ScienceISBN:9780073373843Author:Frank D. PetruzellaPublisher:McGraw-Hill Education

Database System Concepts
Computer Science
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:McGraw-Hill Education

Starting Out with Python (4th Edition)
Computer Science
ISBN:9780134444321
Author:Tony Gaddis
Publisher:PEARSON

Digital Fundamentals (11th Edition)
Computer Science
ISBN:9780132737968
Author:Thomas L. Floyd
Publisher:PEARSON

C How to Program (8th Edition)
Computer Science
ISBN:9780133976892
Author:Paul J. Deitel, Harvey Deitel
Publisher:PEARSON

Database Systems: Design, Implementation, & Manag...
Computer Science
ISBN:9781337627900
Author:Carlos Coronel, Steven Morris
Publisher:Cengage Learning

Programmable Logic Controllers
Computer Science
ISBN:9780073373843
Author:Frank D. Petruzella
Publisher:McGraw-Hill Education