{"id":60277,"date":"2022-12-02T12:23:47","date_gmt":"2022-12-02T04:23:47","guid":{"rendered":"https:\/\/ocw.nycu.edu.tw\/?post_type=course_page&#038;p=60277"},"modified":"2026-06-30T10:51:12","modified_gmt":"2026-06-30T02:51:12","slug":"html-input-attributes-html5-part2-html-form-elements-select-datalist-output-progress-the-programming-environment","status":"publish","type":"course_page","link":"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-science\/department-of-electrophysics\/introduction-to-computer-sciencei-electrophysics-prof-wen-bin-jian\/html-input-attributes-html5-part2-html-form-elements-select-datalist-output-progress-the-programming-environment","title":{"rendered":"HTML Input Attributes-HTML5 Part2, HTML Form Elements-Select, Datalist, Output, Progress, The Programming Environment"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"60277\" class=\"elementor elementor-60277\">\n\t\t\t\t\t\t\t\t\t<section class=\"penci-section penci-disSticky penci-structure-10 elementor-section elementor-top-section elementor-element elementor-element-16700d17 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"16700d17\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"penci-ercol-100 penci-ercol-order-1 penci-sticky-ct    elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1832f798\" data-id=\"1832f798\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4a3731c elementor-widget elementor-widget-breadcrumbs\" data-id=\"4a3731c\" data-element_type=\"widget\" data-widget_type=\"breadcrumbs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/ocw.nycu.edu.tw\/wp-content\/plugins\/elementor-pro\/assets\/css\/widget-theme-elements.min.css\"><p id=\"breadcrumbs\"><span><span><a href=\"https:\/\/ocw.nycu.edu.tw\/\">Homepage<\/a><\/span><\/span><\/p>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"penci-section penci-disSticky penci-structure-20 elementor-section elementor-top-section elementor-element elementor-element-6ad968e6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6ad968e6\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"penci-ercol-50 penci-ercol-order-1 penci-sticky-ct    elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-52987d63\" data-id=\"52987d63\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e5808cb elementor-widget elementor-widget-heading\" data-id=\"e5808cb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.13.3 - 28-05-2023 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">HTML Input Attributes-HTML5 Part2, HTML Form Elements-Select, Datalist, Output, Progress, The Programming Environment\n<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7aec5b11 elementor-widget elementor-widget-video\" data-id=\"7aec5b11\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/w8__sqlI_MM&quot;,&quot;modestbranding&quot;:&quot;yes&quot;,&quot;lazy_load&quot;:&quot;yes&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.13.3 - 28-05-2023 *\/\n.elementor-widget-video .elementor-widget-container{overflow:hidden;transform:translateZ(0)}.elementor-widget-video .elementor-wrapper{aspect-ratio:var(--video-aspect-ratio)}.elementor-widget-video .elementor-wrapper iframe,.elementor-widget-video .elementor-wrapper video{height:100%;width:100%;display:flex;border:none;background-color:#000}@supports not (aspect-ratio:1\/1){.elementor-widget-video .elementor-wrapper{position:relative;overflow:hidden;height:0;padding-bottom:calc(100% \/ var(--video-aspect-ratio))}.elementor-widget-video .elementor-wrapper iframe,.elementor-widget-video .elementor-wrapper video{position:absolute;top:0;right:0;bottom:0;left:0}}.elementor-widget-video .elementor-open-inline .elementor-custom-embed-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%}.elementor-widget-video .elementor-custom-embed-image-overlay{cursor:pointer;text-align:center}.elementor-widget-video .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play i{opacity:1}.elementor-widget-video .elementor-custom-embed-image-overlay img{display:block;width:100%}.elementor-widget-video .e-hosted-video .elementor-video{-o-object-fit:cover;object-fit:cover}.e-con-inner>.elementor-widget-video,.e-con>.elementor-widget-video{width:var(--container-widget-width);--flex-grow:var(--container-widget-flex-grow)}<\/style>\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"penci-section penci-disSticky penci-structure-20 elementor-section elementor-inner-section elementor-element elementor-element-7c450277 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7c450277\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"penci-ercol-50 penci-ercol-order-1 penci-sticky-ct    elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-48607404\" data-id=\"48607404\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-652aa46c elementor-widget elementor-widget-penci-button\" data-id=\"652aa46c\" data-element_type=\"widget\" data-widget_type=\"penci-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pcbtn-wrapper pcbtn-align-left\">\r\n\t\t\t<a class=\"pcbtn pcbtn-icon-left elementor-animation-grow\" href=\"\/?post_type=course_page&#038;p=51950\">\r\n\t\t\t\t<span class=\"pcbtn-wrapperin\">\r\n\t\t\t\t\t<span class=\"pcbtn-content\"><svg class=\"e-font-icon-svg e-fas-arrow-left\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M257.5 445.1l-22.2 22.2c-9.4 9.4-24.6 9.4-33.9 0L7 273c-9.4-9.4-9.4-24.6 0-33.9L201.4 44.7c9.4-9.4 24.6-9.4 33.9 0l22.2 22.2c9.5 9.5 9.3 25-.4 34.3L136.6 216H424c13.3 0 24 10.7 24 24v32c0 13.3-10.7 24-24 24H136.6l120.5 114.8c9.8 9.3 10 24.8.4 34.3z\"><\/path><\/svg>Back to Course Homepage<\/span>\r\n\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t<\/a>\r\n\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"penci-ercol-50 penci-ercol-order-2 penci-sticky-ct    elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-fc8fc3b\" data-id=\"fc8fc3b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-546b36ef elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"546b36ef\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.13.3 - 28-05-2023 *\/\n.elementor-widget-divider{--divider-border-style:none;--divider-border-width:1px;--divider-color:#0c0d0e;--divider-icon-size:20px;--divider-element-spacing:10px;--divider-pattern-height:24px;--divider-pattern-size:20px;--divider-pattern-url:none;--divider-pattern-repeat:repeat-x}.elementor-widget-divider .elementor-divider{display:flex}.elementor-widget-divider .elementor-divider__text{font-size:15px;line-height:1;max-width:95%}.elementor-widget-divider .elementor-divider__element{margin:0 var(--divider-element-spacing);flex-shrink:0}.elementor-widget-divider .elementor-icon{font-size:var(--divider-icon-size)}.elementor-widget-divider .elementor-divider-separator{display:flex;margin:0;direction:ltr}.elementor-widget-divider--view-line_icon .elementor-divider-separator,.elementor-widget-divider--view-line_text .elementor-divider-separator{align-items:center}.elementor-widget-divider--view-line_icon .elementor-divider-separator:after,.elementor-widget-divider--view-line_icon .elementor-divider-separator:before,.elementor-widget-divider--view-line_text .elementor-divider-separator:after,.elementor-widget-divider--view-line_text .elementor-divider-separator:before{display:block;content:\"\";border-bottom:0;flex-grow:1;border-top:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}.elementor-widget-divider--element-align-left .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-left .elementor-divider-separator:before{content:none}.elementor-widget-divider--element-align-left .elementor-divider__element{margin-left:0}.elementor-widget-divider--element-align-right .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-right .elementor-divider-separator:after{content:none}.elementor-widget-divider--element-align-right .elementor-divider__element{margin-right:0}.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator{border-top:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}.elementor-widget-divider--separator-type-pattern{--divider-border-style:none}.elementor-widget-divider--separator-type-pattern.elementor-widget-divider--view-line .elementor-divider-separator,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:after,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:before,.elementor-widget-divider--separator-type-pattern:not([class*=elementor-widget-divider--view]) .elementor-divider-separator{width:100%;min-height:var(--divider-pattern-height);-webkit-mask-size:var(--divider-pattern-size) 100%;mask-size:var(--divider-pattern-size) 100%;-webkit-mask-repeat:var(--divider-pattern-repeat);mask-repeat:var(--divider-pattern-repeat);background-color:var(--divider-color);-webkit-mask-image:var(--divider-pattern-url);mask-image:var(--divider-pattern-url)}.elementor-widget-divider--no-spacing{--divider-pattern-size:auto}.elementor-widget-divider--bg-round{--divider-pattern-repeat:round}.rtl .elementor-widget-divider .elementor-divider__text{direction:rtl}.e-con-inner>.elementor-widget-divider,.e-con>.elementor-widget-divider{width:var(--container-widget-width,100%);--flex-grow:var(--container-widget-flex-grow)}<\/style>\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da19150 elementor-widget elementor-widget-shortcode\" data-id=\"da19150\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">\n<table id=\"tablepress-139\" class=\"tablepress tablepress-id-139\">\n<thead>\n<tr class=\"row-1 odd\">\n\t<th class=\"column-1\">Week<\/th><th class=\"column-2\">Course Content<\/th><th class=\"column-3\">Course Video<\/th>\n<\/tr>\n<\/thead>\n<tbody class=\"row-hover\">\n<tr class=\"row-2 even\">\n\t<td class=\"column-1\">Week01A1<\/td><td class=\"column-2\">Lecture 1 Computer Hardware <br \/>\nHistory of Calculator<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=51967\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-3 odd\">\n\t<td class=\"column-1\">Week01A2<\/td><td class=\"column-2\">History of Computer<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=59930\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-4 even\">\n\t<td class=\"column-1\">Week01A3<\/td><td class=\"column-2\">Computer World \u2013 Signal, Bits, Bytes<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=59936\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-5 odd\">\n\t<td class=\"column-1\">Week01B1<\/td><td class=\"column-2\">Types of Computers, Logic Gates<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=59942\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-6 even\">\n\t<td class=\"column-1\">Week01B2<\/td><td class=\"column-2\">Semiconductor &amp; Transistors, Logic Gates<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=59948\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-7 odd\">\n\t<td class=\"column-1\">Week01B3<\/td><td class=\"column-2\">Logic Gates, Digital Signal &amp; Number of Bits In Processing, Operation of TTL Logic Gates<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=59954\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-8 even\">\n\t<td class=\"column-1\">Week01_app01<\/td><td class=\"column-2\">N-Type \/ P-Type Semiconductors, Doping<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=59963\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-9 odd\">\n\t<td class=\"column-1\">Week01_app02<\/td><td class=\"column-2\">Modern Transistors \u2013 MOSFET, Logic Gates<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=59970\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-10 even\">\n\t<td class=\"column-1\">Week02C1<\/td><td class=\"column-2\">History of Personal Computer &amp; Peripherals<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=59976\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-11 odd\">\n\t<td class=\"column-1\">Week02C2<\/td><td class=\"column-2\">Numeral System \u2013 Binary, Octal, Decimal, Hexadecimal<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=59982\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-12 even\">\n\t<td class=\"column-1\">Week02C3<\/td><td class=\"column-2\">Central Processing Unit(CPU) Part1<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=59988\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-13 odd\">\n\t<td class=\"column-1\">Week02C4<\/td><td class=\"column-2\">Central Processing Unit(CPU) Part2<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=59997\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-14 even\">\n\t<td class=\"column-1\">Week02D1<\/td><td class=\"column-2\">Power, Memory, Motherboard, Peripherals-Standard Input &amp; Output<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60003\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-15 odd\">\n\t<td class=\"column-1\">Week02D2<\/td><td class=\"column-2\">Peripherals- Hard Disk, CD ,DVD, External Ports, Internet<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60009\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-16 even\">\n\t<td class=\"column-1\">Week03A1<\/td><td class=\"column-2\">Lecture 2 \u2013 Computer Software<br \/>\nMachine Language<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60015\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-17 odd\">\n\t<td class=\"column-1\">Week03A2<\/td><td class=\"column-2\">Binary Number Calculation &amp; Operation<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60021\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-18 even\">\n\t<td class=\"column-1\">Week03A3<\/td><td class=\"column-2\">Tools and Tricks Used In CPU &amp; OS<br \/>\nOS- Computer, Hand Held System<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60027\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-19 odd\">\n\t<td class=\"column-1\">Week03A4<\/td><td class=\"column-2\">Functions of Operating System(OS)-DOS<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60033\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-20 even\">\n\t<td class=\"column-1\">Week03B1<\/td><td class=\"column-2\">OS-File Contents &amp; ASCII Codes, File System<br \/>\nExercise 1:Application Program \u2013 Editor<br \/>\nExercise 2:Machine Code Editing<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60040\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-21 odd\">\n\t<td class=\"column-1\">Week03B2<\/td><td class=\"column-2\">Exercise:Coding\/Programming-Batch File Programming Part1<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60046\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-22 even\">\n\t<td class=\"column-1\">Week03B3<\/td><td class=\"column-2\">Exercise:Coding\/Programming-Batch File Programming Part2<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60052\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-23 odd\">\n\t<td class=\"column-1\">Week03B4<\/td><td class=\"column-2\">Exercise:Coding\/Programming-Batch File Programming Part3<br \/>\nSystem Software\/ Application Software<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60058\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-24 even\">\n\t<td class=\"column-1\">Week04_Win10<\/td><td class=\"column-2\">About Win10<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60064\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-25 odd\">\n\t<td class=\"column-1\">Week04_Install_PSPad<\/td><td class=\"column-2\">About Install PSPad<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60070\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-26 even\">\n\t<td class=\"column-1\">Week04_msdos1<\/td><td class=\"column-2\">About MS-DOS<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60076\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-27 odd\">\n\t<td class=\"column-1\">Week04_EX1<\/td><td class=\"column-2\">MS-DOS Exercise 1<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60082\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-28 even\">\n\t<td class=\"column-1\">Week04_EX2<\/td><td class=\"column-2\">MS-DOS Exercise 2<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60088\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-29 odd\">\n\t<td class=\"column-1\">Week04_EX3<\/td><td class=\"column-2\">MS-DOS Exercise 3<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60094\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-30 even\">\n\t<td class=\"column-1\">Week04_EX4<\/td><td class=\"column-2\">MS-DOS Exercise 4<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60100\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-31 odd\">\n\t<td class=\"column-1\">Week04_EX5<\/td><td class=\"column-2\">MS-DOS Exercise 5<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60106\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-32 even\">\n\t<td class=\"column-1\">Week04_EX6<\/td><td class=\"column-2\">MS-DOS Exercise 6<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60112\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-33 odd\">\n\t<td class=\"column-1\">Week04_EX7<\/td><td class=\"column-2\">MS-DOS Exercise 7<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60118\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-34 even\">\n\t<td class=\"column-1\">Week04C1<\/td><td class=\"column-2\">Programming Language - Paradigm<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60124\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-35 odd\">\n\t<td class=\"column-1\">Week04C2<\/td><td class=\"column-2\">Programming Goals<br \/>\nExercise: Programming Language<br \/>\nPython Script<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60130\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-36 even\">\n\t<td class=\"column-1\">Week04_py<\/td><td class=\"column-2\">About Python<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60139\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-37 odd\">\n\t<td class=\"column-1\">Week06A1<\/td><td class=\"column-2\">Lecture 3- HTML Markup Language<br \/>\nIntroduction To HTML<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60145\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-38 even\">\n\t<td class=\"column-1\">Week06A2<\/td><td class=\"column-2\">Introduction To HTML5<br \/>\nWhat\u2019s In The HTML Head?<br \/>\nThe Html Layouts<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60151\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-39 odd\">\n\t<td class=\"column-1\">Week06A3<\/td><td class=\"column-2\">The Attributes Of The HTML Tags, Document<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60157\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-40 even\">\n\t<td class=\"column-1\">Week06B1<\/td><td class=\"column-2\">HTML Headings &amp; Paragraphs, Formatting Of Words<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60163\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-41 odd\">\n\t<td class=\"column-1\">Week06B2<\/td><td class=\"column-2\">HTML Anchors &amp; Hyperlinks, Comments &amp; Quotations, Images<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60169\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-42 even\">\n\t<td class=\"column-1\">Week06B3<\/td><td class=\"column-2\">HTML Colors, Comments &amp; Quotations<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60175\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-43 odd\">\n\t<td class=\"column-1\">Week07A1<\/td><td class=\"column-2\">HTML Lists, Tables<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60181\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-44 even\">\n\t<td class=\"column-1\">Week07A2<\/td><td class=\"column-2\">HTML Computer Codes, Iframes<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60187\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-45 odd\">\n\t<td class=\"column-1\">Week07A3<\/td><td class=\"column-2\">HTML Entities, Symbols, Id &amp; Classes<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60193\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-46 even\">\n\t<td class=\"column-1\">Week07B1<\/td><td class=\"column-2\">CSS Basic Concepts, Selector<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60199\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-47 odd\">\n\t<td class=\"column-1\">Week07B2<\/td><td class=\"column-2\">CSS  Level 1 Selector, Styles<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60205\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-48 even\">\n\t<td class=\"column-1\">Week07B3<\/td><td class=\"column-2\">Introduction To Mathjax &amp; Latex<br \/>\nLatex Format For Math Expressions Part1<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60211\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-49 odd\">\n\t<td class=\"column-1\">Week07B4<\/td><td class=\"column-2\">Latex Format For Math Expressions Part2<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60217\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-50 even\">\n\t<td class=\"column-1\">Week08A1<\/td><td class=\"column-2\">HTML Forms Part1<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60223\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-51 odd\">\n\t<td class=\"column-1\">Week08A2<\/td><td class=\"column-2\">HTML Forms Part2<br \/>\nBasic Concepts Of Java script &amp; Object Oriented Programming<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60229\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-52 even\">\n\t<td class=\"column-1\">Week08A3<\/td><td class=\"column-2\">Basic Concepts-Debug, Var, Type, Conversion<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60235\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-53 odd\">\n\t<td class=\"column-1\">Week08A4<\/td><td class=\"column-2\">Basic Concepts-Document.Getelementbyid(),Operators, Conversion Functions, Function, Objects<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60241\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-54 even\">\n\t<td class=\"column-1\">Week08B1<\/td><td class=\"column-2\">HTML Input &amp; Input Types<br \/>\nThe Array Variable For The Input Type Of Radio Button<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60247\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-55 odd\">\n\t<td class=\"column-1\">Week08B2<\/td><td class=\"column-2\">HTML Input &amp; Input Types-HTML5 Part1<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60253\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-56 even\">\n\t<td class=\"column-1\">Week08B3<\/td><td class=\"column-2\">HTML Input &amp; Input Types-HTML5 Part2<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60259\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-57 odd\">\n\t<td class=\"column-1\">Week09A1<\/td><td class=\"column-2\">Html Input Attributes<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60265\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-58 even\">\n\t<td class=\"column-1\">Week09A2<\/td><td class=\"column-2\">HTML Input Attributes-HTML5 Part1<br \/>\nHTML Form Elements-Text area &amp; Buttons<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60271\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-59 odd\">\n\t<td class=\"column-1\">Week09A3<\/td><td class=\"column-2\">HTML Input Attributes-HTML5 Part2<br \/>\nHTML Form Elements-Select, Datalist, Output, Progress<br \/>\nThe Programming Environment<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60277\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-60 even\">\n\t<td class=\"column-1\">Week09B1<\/td><td class=\"column-2\">A Programming Language<br \/>\nThe Programming Environment<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60283\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-61 odd\">\n\t<td class=\"column-1\">Week09B2<\/td><td class=\"column-2\">Basic Concept Of The Language<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60289\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-62 even\">\n\t<td class=\"column-1\">Week09B3<\/td><td class=\"column-2\">Reserved Words, Variables, The Typeof Operator<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60295\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-63 odd\">\n\t<td class=\"column-1\">Week11A1<\/td><td class=\"column-2\">Conventional Variables &amp; Java script Variables<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60301\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-64 even\">\n\t<td class=\"column-1\">Week11A2<\/td><td class=\"column-2\">Type Of Variables-Number<br \/>\nNumber Conversions<br \/>\nThe Integer And Float In Binary Form<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60307\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-65 odd\">\n\t<td class=\"column-1\">Week11A3<\/td><td class=\"column-2\">Types Of Variables String, Object, Null<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60313\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-66 even\">\n\t<td class=\"column-1\">Week11A4<\/td><td class=\"column-2\">Unary Operators Bitwise Operators (\u2260Logical Operators)<br \/>\nArithmetic Operators<br \/>\nAssignment &amp; Comma Operators<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60319\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-67 odd\">\n\t<td class=\"column-1\">Week11B1<\/td><td class=\"column-2\">Relational And Equality Operators<br \/>\nLogical &amp; Conditional Operators<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60325\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-68 even\">\n\t<td class=\"column-1\">Week11B2<\/td><td class=\"column-2\">The If Statement<br \/>\nThe Switch And With Statements<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60510\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-69 odd\">\n\t<td class=\"column-1\">Week11B3<\/td><td class=\"column-2\">The Do While And While Statements<br \/>\nThe For, For In, Label, Break And Continue Statements<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60516\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-70 even\">\n\t<td class=\"column-1\">Week12A1<\/td><td class=\"column-2\">Java script Functions Part1<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60522\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-71 odd\">\n\t<td class=\"column-1\">Week12A2<\/td><td class=\"column-2\">Java script Functions Part2<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60528\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-72 even\">\n\t<td class=\"column-1\">Week12A3<\/td><td class=\"column-2\">Java script-Arguments, No Overloading<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60534\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-73 odd\">\n\t<td class=\"column-1\">Week12B1<\/td><td class=\"column-2\">Java script-Copying Values Or Direct Reference To Variables<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60540\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-74 even\">\n\t<td class=\"column-1\">Week12B2<\/td><td class=\"column-2\">Java script-Scope<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60546\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-75 odd\">\n\t<td class=\"column-1\">Week12B3<\/td><td class=\"column-2\">Special Skills For Functions<br \/>\nGarbage Collection<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60552\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-76 even\">\n\t<td class=\"column-1\">Week13A1<\/td><td class=\"column-2\">Built In Objects In Java script<br \/>\nThe Base Object<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60558\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-77 odd\">\n\t<td class=\"column-1\">Week13A2<\/td><td class=\"column-2\">The Boolean And Number Object<br \/>\nThe String Object Part1<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60564\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-78 even\">\n\t<td class=\"column-1\">Week13A3<\/td><td class=\"column-2\">The String Object Part2<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60570\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-79 odd\">\n\t<td class=\"column-1\">Week13B1<\/td><td class=\"column-2\">The Array Object Part1<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60576\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-80 even\">\n\t<td class=\"column-1\">Week13B2<\/td><td class=\"column-2\">The Array Object Part2<br \/>\nThe Math Object (Library)<br \/>\nThe Date Object<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60582\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-81 odd\">\n\t<td class=\"column-1\">Week13B3<\/td><td class=\"column-2\">Exercise<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60588\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-82 even\">\n\t<td class=\"column-1\">Week13B4<\/td><td class=\"column-2\">The Regexp Object, Pattern<br \/>\nAppendix-Object Constructor<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60594\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-83 odd\">\n\t<td class=\"column-1\">Week13B5<\/td><td class=\"column-2\">Exercise<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60600\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-84 even\">\n\t<td class=\"column-1\">Week14A1<\/td><td class=\"column-2\">Background Stories About P5.Js, Processing,<br \/>\nInstall P5.Js<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60606\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-85 odd\">\n\t<td class=\"column-1\">Week14A2<\/td><td class=\"column-2\">Use The Whole Html As A Sketch<br \/>\nStart Up A P5 Sketch In A Container(Div)<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60612\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-86 even\">\n\t<td class=\"column-1\">Week14A3<\/td><td class=\"column-2\">Exercise<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60618\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-87 odd\">\n\t<td class=\"column-1\">Week14A4<\/td><td class=\"column-2\">The Coordinate Of The Canvas<br \/>\nSome Main Functions Need To Be Over Written<br \/>\nClear The Canvas And Set The Drawing Pen<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60624\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-88 even\">\n\t<td class=\"column-1\">Week14B1<\/td><td class=\"column-2\">The Shape Functions-Lines &amp; Curves &amp; Rectangles, Ellipse, \u2026 and User Defined Shapes<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60630\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-89 odd\">\n\t<td class=\"column-1\">Week14B2<\/td><td class=\"column-2\">Typography Functions<br \/>\nTransform-Translate, Rotate &amp; Scale, Shear, Matrix Draw Images<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60636\">Watch Online<\/a><\/td>\n<\/tr>\n<tr class=\"row-90 even\">\n\t<td class=\"column-1\">Week14B3<\/td><td class=\"column-2\">Events, Animation<\/td><td class=\"column-3\"><a href=\"\/?post_type=course_page&amp;p=60642\">Watch Online<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"penci-ercol-50 penci-ercol-order-3 penci-sticky-ct    elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5f099062\" data-id=\"5f099062\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5b79cc32 elementor-widget-divider--view-line_text elementor-widget-divider--element-align-center elementor-widget elementor-widget-divider\" data-id=\"5b79cc32\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t\t<span class=\"elementor-divider__text elementor-divider__element\">\n\t\t\t\tCOURSE\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-382e67d7 elementor-nav-menu__text-align-center elementor-nav-menu__align-left elementor-nav-menu--dropdown-tablet elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu\" data-id=\"382e67d7\" data-element_type=\"widget\" data-settings=\"{&quot;layout&quot;:&quot;vertical&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;svg class=\\&quot;e-font-icon-svg e-fas-caret-down\\&quot; viewBox=\\&quot;0 0 320 512\\&quot; xmlns=\\&quot;http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\&quot;&gt;&lt;path d=\\&quot;M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\\&quot;&gt;&lt;\\\/path&gt;&lt;\\\/svg&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;toggle&quot;:&quot;burger&quot;}\" data-widget_type=\"nav-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/ocw.nycu.edu.tw\/wp-content\/uploads\/elementor\/css\/custom-pro-widget-nav-menu.min.css?ver=1776064852\">\t\t\t<nav class=\"elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-vertical e--pointer-double-line e--animation-slide\">\n\t\t\t\t<ul id=\"menu-1-382e67d7\" class=\"elementor-nav-menu sm-vertical\"><li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-121577\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/self-learning-courses-for-high-school-students\" class=\"elementor-item\">Self-learning courses for high school students<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-121578\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/pre-university-courses\" class=\"elementor-item\">Pre-University Courses<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-5381\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-science\" class=\"elementor-item\">College of Science<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-5377\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-engineering\" class=\"elementor-item\">College of Engineering<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-5376\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-electrical-and-computer-engineering\" class=\"elementor-item\">College of Electrical and Computer Engineering<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-5380\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-management\" class=\"elementor-item\">College of Management<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-5375\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-computer-science\" class=\"elementor-item\">College of Computer Science<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-5374\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-biological-science-and-technology\" class=\"elementor-item\">College of Engineering Bioscience<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-5379\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-humanities-and-social-sciences\" class=\"elementor-item\">College of Humanities Arts and Social Sciences<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-5378\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-hakka-affair-culture\" class=\"elementor-item\">College of Hakka Affair Culture<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-118070\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/school-of-law\" class=\"elementor-item\">School of Law<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-118069\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/school-of-nursing-2\" class=\"elementor-item\">School of Nursing<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-118071\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-photonics\" class=\"elementor-item\">College of Photonics<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-125874\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-biomedical-science-and-engineering\" class=\"elementor-item\">College of Biomedical Science and Engineering<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-132738\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-life-sciences-en\" class=\"elementor-item\">College of Life Sciences<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-141797\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/colege-of-medicine-en\" class=\"elementor-item\">College of Medicine<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-118072\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/course-of-chinese-center\" class=\"elementor-item\">Course of Chinese Center<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-120431\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/liberal-arts-college\" class=\"elementor-item\">Forum Of Liberal Arts<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-123746\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/speech-of-general-education-center\" class=\"elementor-item\">Contemporary Civilization<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-128240\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/reading-of-classic-masterpiece\" class=\"elementor-item\">Reading of Classic Masterpiece<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-123745\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/course-of-general-education-center-2\" class=\"elementor-item\">Course of General Education Center<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t<div class=\"elementor-menu-toggle\" role=\"button\" tabindex=\"0\" aria-label=\"\u9078\u55ae\u5207\u63db\" aria-expanded=\"false\">\n\t\t\t<svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--open e-font-icon-svg e-eicon-menu-bar\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M104 333H896C929 333 958 304 958 271S929 208 896 208H104C71 208 42 237 42 271S71 333 104 333ZM104 583H896C929 583 958 554 958 521S929 458 896 458H104C71 458 42 487 42 521S71 583 104 583ZM104 833H896C929 833 958 804 958 771S929 708 896 708H104C71 708 42 737 42 771S71 833 104 833Z\"><\/path><\/svg><svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--close e-font-icon-svg e-eicon-close\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M742 167L500 408 258 167C246 154 233 150 217 150 196 150 179 158 167 167 154 179 150 196 150 212 150 229 154 242 171 254L408 500 167 742C138 771 138 800 167 829 196 858 225 858 254 829L496 587 738 829C750 842 767 846 783 846 800 846 817 842 829 829 842 817 846 804 846 783 846 767 842 750 829 737L588 500 833 258C863 229 863 200 833 171 804 137 775 137 742 167Z\"><\/path><\/svg>\t\t\t<span class=\"elementor-screen-only\">\u9078\u55ae<\/span>\n\t\t<\/div>\n\t\t\t\t\t<nav class=\"elementor-nav-menu--dropdown elementor-nav-menu__container\" aria-hidden=\"true\">\n\t\t\t\t<ul id=\"menu-2-382e67d7\" class=\"elementor-nav-menu sm-vertical\"><li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-121577\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/self-learning-courses-for-high-school-students\" class=\"elementor-item\" tabindex=\"-1\">Self-learning courses for high school students<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-121578\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/pre-university-courses\" class=\"elementor-item\" tabindex=\"-1\">Pre-University Courses<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-5381\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-science\" class=\"elementor-item\" tabindex=\"-1\">College of Science<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-5377\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-engineering\" class=\"elementor-item\" tabindex=\"-1\">College of Engineering<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-5376\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-electrical-and-computer-engineering\" class=\"elementor-item\" tabindex=\"-1\">College of Electrical and Computer Engineering<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-5380\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-management\" class=\"elementor-item\" tabindex=\"-1\">College of Management<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-5375\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-computer-science\" class=\"elementor-item\" tabindex=\"-1\">College of Computer Science<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-5374\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-biological-science-and-technology\" class=\"elementor-item\" tabindex=\"-1\">College of Engineering Bioscience<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-5379\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-humanities-and-social-sciences\" class=\"elementor-item\" tabindex=\"-1\">College of Humanities Arts and Social Sciences<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-5378\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-hakka-affair-culture\" class=\"elementor-item\" tabindex=\"-1\">College of Hakka Affair Culture<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-118070\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/school-of-law\" class=\"elementor-item\" tabindex=\"-1\">School of Law<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-118069\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/school-of-nursing-2\" class=\"elementor-item\" tabindex=\"-1\">School of Nursing<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-118071\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-photonics\" class=\"elementor-item\" tabindex=\"-1\">College of Photonics<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-125874\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-biomedical-science-and-engineering\" class=\"elementor-item\" tabindex=\"-1\">College of Biomedical Science and Engineering<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-132738\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-life-sciences-en\" class=\"elementor-item\" tabindex=\"-1\">College of Life Sciences<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-141797\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/colege-of-medicine-en\" class=\"elementor-item\" tabindex=\"-1\">College of Medicine<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-118072\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/course-of-chinese-center\" class=\"elementor-item\" tabindex=\"-1\">Course of Chinese Center<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-120431\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/liberal-arts-college\" class=\"elementor-item\" tabindex=\"-1\">Forum Of Liberal Arts<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-123746\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/speech-of-general-education-center\" class=\"elementor-item\" tabindex=\"-1\">Contemporary Civilization<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-128240\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/reading-of-classic-masterpiece\" class=\"elementor-item\" tabindex=\"-1\">Reading of Classic Masterpiece<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-course_page ajax-mega-menu menu-item-123745\"><a href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/course-of-general-education-center-2\" class=\"elementor-item\" tabindex=\"-1\">Course of General Education Center<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HTML Input Att&hellip;<\/p>\n","protected":false},"featured_media":0,"parent":51950,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","format":"standard","meta":{"footnotes":""},"categories":[2728],"tags":[],"class_list":["post-60277","course_page","type-course_page","status-publish","format-standard","hentry","category-introduction-to-computer-sciencei-110-en"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>HTML Input Attributes-HTML5 Part2, HTML Form Elements-Select, Datalist, Output, Progress, The Programming Environment - NYCU OCW<\/title>\n<meta name=\"description\" content=\"HTML Input Attributes-HTML5 Part2, HTML Form Elements-Select, Datalist, Output, Progress, The Programming Environment https:\/\/youtu.be\/w8__sqlI_MM Back to\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-science\/department-of-electrophysics\/introduction-to-computer-sciencei-electrophysics-prof-wen-bin-jian\/html-input-attributes-html5-part2-html-form-elements-select-datalist-output-progress-the-programming-environment\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML Input Attributes-HTML5 Part2, HTML Form Elements-Select, Datalist, Output, Progress, The Programming Environment - NYCU OCW\" \/>\n<meta property=\"og:description\" content=\"HTML Input Attributes-HTML5 Part2, HTML Form Elements-Select, Datalist, Output, Progress, The Programming Environment https:\/\/youtu.be\/w8__sqlI_MM Back to\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-science\/department-of-electrophysics\/introduction-to-computer-sciencei-electrophysics-prof-wen-bin-jian\/html-input-attributes-html5-part2-html-form-elements-select-datalist-output-progress-the-programming-environment\" \/>\n<meta property=\"og:site_name\" content=\"NYCU OCW\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-30T02:51:12+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-science\/department-of-electrophysics\/introduction-to-computer-sciencei-electrophysics-prof-wen-bin-jian\/html-input-attributes-html5-part2-html-form-elements-select-datalist-output-progress-the-programming-environment\",\"url\":\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-science\/department-of-electrophysics\/introduction-to-computer-sciencei-electrophysics-prof-wen-bin-jian\/html-input-attributes-html5-part2-html-form-elements-select-datalist-output-progress-the-programming-environment\",\"name\":\"HTML Input Attributes-HTML5 Part2, HTML Form Elements-Select, Datalist, Output, Progress, The Programming Environment - NYCU OCW\",\"isPartOf\":{\"@id\":\"https:\/\/ocw.nycu.edu.tw\/#website\"},\"datePublished\":\"2022-12-02T04:23:47+00:00\",\"dateModified\":\"2026-06-30T02:51:12+00:00\",\"description\":\"HTML Input Attributes-HTML5 Part2, HTML Form Elements-Select, Datalist, Output, Progress, The Programming Environment https:\/\/youtu.be\/w8__sqlI_MM Back to\",\"breadcrumb\":{\"@id\":\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-science\/department-of-electrophysics\/introduction-to-computer-sciencei-electrophysics-prof-wen-bin-jian\/html-input-attributes-html5-part2-html-form-elements-select-datalist-output-progress-the-programming-environment#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-science\/department-of-electrophysics\/introduction-to-computer-sciencei-electrophysics-prof-wen-bin-jian\/html-input-attributes-html5-part2-html-form-elements-select-datalist-output-progress-the-programming-environment\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-science\/department-of-electrophysics\/introduction-to-computer-sciencei-electrophysics-prof-wen-bin-jian\/html-input-attributes-html5-part2-html-form-elements-select-datalist-output-progress-the-programming-environment#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Homepage\",\"item\":\"https:\/\/ocw.nycu.edu.tw\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"ALL COURSE\",\"item\":\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"College of Science\",\"item\":\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-science\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Department of Electrophysics\",\"item\":\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-science\/department-of-electrophysics\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Introduction to Computer Science(I) | Electrophysics Prof. Wen-Bin Jian\",\"item\":\"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-science\/department-of-electrophysics\/introduction-to-computer-sciencei-electrophysics-prof-wen-bin-jian\"},{\"@type\":\"ListItem\",\"position\":6,\"name\":\"HTML Input Attributes-HTML5 Part2, HTML Form Elements-Select, Datalist, Output, Progress, The Programming Environment\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ocw.nycu.edu.tw\/#website\",\"url\":\"https:\/\/ocw.nycu.edu.tw\/\",\"name\":\"NYCU OCW\",\"description\":\"\u958b\u653e\u6559\u80b2\u662f\u73fe\u4ee3\u6559\u80b2\u601d\u6f6e\u7684\u4e00\u80a1\u4e3b\u6d41\uff0c\u570b\u5167\u5916\u5927\u5b78\u8fd1\u5e7e\u5e74\u9678\u7e8c\u958b\u653e\u6559\u80b2\u8cc7\u6e90\uff0c\u900f\u904e\u958b\u653e\u5f0f\u8ab2\u7a0b (OpenCourseWare, OCW)\u66a8\u5176\u61c9\u7528\u4e4b\u5efa\u7f6e\u5c07\u77e5\u8b58\u5206\u4eab\u65bc\u793e\u6703\u3002\",\"publisher\":{\"@id\":\"https:\/\/ocw.nycu.edu.tw\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ocw.nycu.edu.tw\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-TW\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ocw.nycu.edu.tw\/#organization\",\"name\":\"NYCU OCW\",\"url\":\"https:\/\/ocw.nycu.edu.tw\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/ocw.nycu.edu.tw\/#\/schema\/logo\/image\/\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"NYCU OCW\"},\"image\":{\"@id\":\"https:\/\/ocw.nycu.edu.tw\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML Input Attributes-HTML5 Part2, HTML Form Elements-Select, Datalist, Output, Progress, The Programming Environment - NYCU OCW","description":"HTML Input Attributes-HTML5 Part2, HTML Form Elements-Select, Datalist, Output, Progress, The Programming Environment https:\/\/youtu.be\/w8__sqlI_MM Back to","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-science\/department-of-electrophysics\/introduction-to-computer-sciencei-electrophysics-prof-wen-bin-jian\/html-input-attributes-html5-part2-html-form-elements-select-datalist-output-progress-the-programming-environment","og_locale":"zh_TW","og_type":"article","og_title":"HTML Input Attributes-HTML5 Part2, HTML Form Elements-Select, Datalist, Output, Progress, The Programming Environment - NYCU OCW","og_description":"HTML Input Attributes-HTML5 Part2, HTML Form Elements-Select, Datalist, Output, Progress, The Programming Environment https:\/\/youtu.be\/w8__sqlI_MM Back to","og_url":"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-science\/department-of-electrophysics\/introduction-to-computer-sciencei-electrophysics-prof-wen-bin-jian\/html-input-attributes-html5-part2-html-form-elements-select-datalist-output-progress-the-programming-environment","og_site_name":"NYCU OCW","article_modified_time":"2026-06-30T02:51:12+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-science\/department-of-electrophysics\/introduction-to-computer-sciencei-electrophysics-prof-wen-bin-jian\/html-input-attributes-html5-part2-html-form-elements-select-datalist-output-progress-the-programming-environment","url":"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-science\/department-of-electrophysics\/introduction-to-computer-sciencei-electrophysics-prof-wen-bin-jian\/html-input-attributes-html5-part2-html-form-elements-select-datalist-output-progress-the-programming-environment","name":"HTML Input Attributes-HTML5 Part2, HTML Form Elements-Select, Datalist, Output, Progress, The Programming Environment - NYCU OCW","isPartOf":{"@id":"https:\/\/ocw.nycu.edu.tw\/#website"},"datePublished":"2022-12-02T04:23:47+00:00","dateModified":"2026-06-30T02:51:12+00:00","description":"HTML Input Attributes-HTML5 Part2, HTML Form Elements-Select, Datalist, Output, Progress, The Programming Environment https:\/\/youtu.be\/w8__sqlI_MM Back to","breadcrumb":{"@id":"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-science\/department-of-electrophysics\/introduction-to-computer-sciencei-electrophysics-prof-wen-bin-jian\/html-input-attributes-html5-part2-html-form-elements-select-datalist-output-progress-the-programming-environment#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-science\/department-of-electrophysics\/introduction-to-computer-sciencei-electrophysics-prof-wen-bin-jian\/html-input-attributes-html5-part2-html-form-elements-select-datalist-output-progress-the-programming-environment"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-science\/department-of-electrophysics\/introduction-to-computer-sciencei-electrophysics-prof-wen-bin-jian\/html-input-attributes-html5-part2-html-form-elements-select-datalist-output-progress-the-programming-environment#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Homepage","item":"https:\/\/ocw.nycu.edu.tw\/"},{"@type":"ListItem","position":2,"name":"ALL COURSE","item":"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2"},{"@type":"ListItem","position":3,"name":"College of Science","item":"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-science"},{"@type":"ListItem","position":4,"name":"Department of Electrophysics","item":"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-science\/department-of-electrophysics"},{"@type":"ListItem","position":5,"name":"Introduction to Computer Science(I) | Electrophysics Prof. Wen-Bin Jian","item":"https:\/\/ocw.nycu.edu.tw\/?course_page=all-course-2\/college-of-science\/department-of-electrophysics\/introduction-to-computer-sciencei-electrophysics-prof-wen-bin-jian"},{"@type":"ListItem","position":6,"name":"HTML Input Attributes-HTML5 Part2, HTML Form Elements-Select, Datalist, Output, Progress, The Programming Environment"}]},{"@type":"WebSite","@id":"https:\/\/ocw.nycu.edu.tw\/#website","url":"https:\/\/ocw.nycu.edu.tw\/","name":"NYCU OCW","description":"\u958b\u653e\u6559\u80b2\u662f\u73fe\u4ee3\u6559\u80b2\u601d\u6f6e\u7684\u4e00\u80a1\u4e3b\u6d41\uff0c\u570b\u5167\u5916\u5927\u5b78\u8fd1\u5e7e\u5e74\u9678\u7e8c\u958b\u653e\u6559\u80b2\u8cc7\u6e90\uff0c\u900f\u904e\u958b\u653e\u5f0f\u8ab2\u7a0b (OpenCourseWare, OCW)\u66a8\u5176\u61c9\u7528\u4e4b\u5efa\u7f6e\u5c07\u77e5\u8b58\u5206\u4eab\u65bc\u793e\u6703\u3002","publisher":{"@id":"https:\/\/ocw.nycu.edu.tw\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ocw.nycu.edu.tw\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-TW"},{"@type":"Organization","@id":"https:\/\/ocw.nycu.edu.tw\/#organization","name":"NYCU OCW","url":"https:\/\/ocw.nycu.edu.tw\/","logo":{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/ocw.nycu.edu.tw\/#\/schema\/logo\/image\/","url":"","contentUrl":"","caption":"NYCU OCW"},"image":{"@id":"https:\/\/ocw.nycu.edu.tw\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/ocw.nycu.edu.tw\/index.php?rest_route=\/wp\/v2\/page\/60277","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ocw.nycu.edu.tw\/index.php?rest_route=\/wp\/v2\/page"}],"about":[{"href":"https:\/\/ocw.nycu.edu.tw\/index.php?rest_route=\/wp\/v2\/types\/course_page"}],"replies":[{"embeddable":true,"href":"https:\/\/ocw.nycu.edu.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=60277"}],"version-history":[{"count":9,"href":"https:\/\/ocw.nycu.edu.tw\/index.php?rest_route=\/wp\/v2\/page\/60277\/revisions"}],"predecessor-version":[{"id":182890,"href":"https:\/\/ocw.nycu.edu.tw\/index.php?rest_route=\/wp\/v2\/page\/60277\/revisions\/182890"}],"up":[{"embeddable":true,"href":"https:\/\/ocw.nycu.edu.tw\/index.php?rest_route=\/wp\/v2\/page\/51950"}],"wp:attachment":[{"href":"https:\/\/ocw.nycu.edu.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=60277"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ocw.nycu.edu.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=60277"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ocw.nycu.edu.tw\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=60277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}