Part 4: Build a html form with the following elements. The form must be within a table structure. • Name: a text box where the content contains no special character (i.e. !, @, #, $, %, &, *). Number is allowed. The text box must not be empty. • Module code: a text box where the content must start with 3 lower case alphabets and follows by 4 digits. This textbox can be empty. • Current date: a non-editable textbox and should be in the format as shown (e.g. 12 October 2020 Monday 3:35 PM). The content is the current date or today's date which will change every day. • Message: a text area with 3 rows and 20 columns. The default text is "Hello 202204". The text area cannot be empty. • Find: a text box for the user to key in text he/she wants to find. Replace: a text box for the user to key in the replacement text. If the find text is empty, this element should be disable (i.e. user cannot key in anything here). • Find and Replace: This is a button, when click, it will go to the "Message" text area to find all the occurrence of the text shown in the "Find" text box and replaces all of them with the content shown in the "Replace" text box. After the replacement, a message showing the number of replacements must be displayed besides the button. Source language: a selection list with English, Malay, Japanese and Korean. Use English as the default. • Target language: a radio button with English, Chinese, Malay, Japanese and Korean. Make lananese as the default
Part 4: Build a html form with the following elements. The form must be within a table structure. • Name: a text box where the content contains no special character (i.e. !, @, #, $, %, &, *). Number is allowed. The text box must not be empty. • Module code: a text box where the content must start with 3 lower case alphabets and follows by 4 digits. This textbox can be empty. • Current date: a non-editable textbox and should be in the format as shown (e.g. 12 October 2020 Monday 3:35 PM). The content is the current date or today's date which will change every day. • Message: a text area with 3 rows and 20 columns. The default text is "Hello 202204". The text area cannot be empty. • Find: a text box for the user to key in text he/she wants to find. Replace: a text box for the user to key in the replacement text. If the find text is empty, this element should be disable (i.e. user cannot key in anything here). • Find and Replace: This is a button, when click, it will go to the "Message" text area to find all the occurrence of the text shown in the "Find" text box and replaces all of them with the content shown in the "Replace" text box. After the replacement, a message showing the number of replacements must be displayed besides the button. Source language: a selection list with English, Malay, Japanese and Korean. Use English as the default. • Target language: a radio button with English, Chinese, Malay, Japanese and Korean. Make lananese as the default
Computer Networking: A Top-Down Approach (7th Edition)
7th Edition
ISBN:9780133594140
Author:James Kurose, Keith Ross
Publisher:James Kurose, Keith Ross
Chapter1: Computer Networks And The Internet
Section: Chapter Questions
Problem R1RQ: What is the difference between a host and an end system? List several different types of end...
Related questions
Question
Transcribed Image Text:Part 4:
Build a html form with the following elements. The form must be within a table structure.
Name: a text box where the content contains no special character (i.e. !, @, #, $, %, &, *).
Number is allowed. The text box must not be empty.
• Module code: a text box where the content must start with 3 lower case alphabets and
follows by 4 digits. This textbox can be empty.
• Current date: a non-editable textbox and should be in the format as shown (e.g. 12 October
2020 Monday 3:35 PM). The content is the current date or today's date which will change
every day.
• Message: a text area with 3 rows and 20 columns. The default text is "Hello 202204". The
text area cannot be empty.
• Find: a text box for the user to key in text he/she wants to find.
Replace: a text box for the user to key in the replacement text. If the find text is empty, this
element should be disable (i.e. user cannot key in anything here).
• Find and Replace: This is a button, when click, it will go to the "Message" text area to find all
the occurrence of the text shown in the "Find" text box and replaces all of them with the
content shown in the "Replace" text box. After the replacement, a message showing the
number of replacements must be displayed besides the button.
Source language: a selection list with English, Malay, Japanese and Korean. Use English as
the default.
• Target language: a radio button with English, Chinese, Malay, Japanese and Korean. Make
Japanese as the default.
• Submit button: the button is called "Translate". When it is clicked, it should invoke the
google translate https://translate.google.com to perform the translation of the content in
the "Message" text area as described above.
Reset button: this will reset the content of all the elements.
Expert Solution
This question has been solved!
Explore an expertly crafted, step-by-step solution for a thorough understanding of key concepts.
Step by step
Solved in 2 steps
Recommended textbooks for you
Computer Networking: A Top-Down Approach (7th Edi…
Computer Engineering
ISBN:
9780133594140
Author:
James Kurose, Keith Ross
Publisher:
PEARSON
Computer Organization and Design MIPS Edition, Fi…
Computer Engineering
ISBN:
9780124077263
Author:
David A. Patterson, John L. Hennessy
Publisher:
Elsevier Science
Network+ Guide to Networks (MindTap Course List)
Computer Engineering
ISBN:
9781337569330
Author:
Jill West, Tamara Dean, Jean Andrews
Publisher:
Cengage Learning
Computer Networking: A Top-Down Approach (7th Edi…
Computer Engineering
ISBN:
9780133594140
Author:
James Kurose, Keith Ross
Publisher:
PEARSON
Computer Organization and Design MIPS Edition, Fi…
Computer Engineering
ISBN:
9780124077263
Author:
David A. Patterson, John L. Hennessy
Publisher:
Elsevier Science
Network+ Guide to Networks (MindTap Course List)
Computer Engineering
ISBN:
9781337569330
Author:
Jill West, Tamara Dean, Jean Andrews
Publisher:
Cengage Learning
Concepts of Database Management
Computer Engineering
ISBN:
9781337093422
Author:
Joy L. Starks, Philip J. Pratt, Mary Z. Last
Publisher:
Cengage Learning
Prelude to Programming
Computer Engineering
ISBN:
9780133750423
Author:
VENIT, Stewart
Publisher:
Pearson Education
Sc Business Data Communications and Networking, T…
Computer Engineering
ISBN:
9781119368830
Author:
FITZGERALD
Publisher:
WILEY