静岡理工科大学 | 菅沼ホーム | HTML 目次 | 索引 |
interface HTMLProgressElement : HTMLElement { attribute double value; attribute double max; readonly attribute double position; readonly attribute NodeList labels; };
<!DOCTYPE HTML> <HTML> <HEAD> <!-- タイトル --> <TITLE>PROGRESS, METER</TITLE> <!-- スタイルシート --> <LINK REL="stylesheet" TYPE="text/css" HREF="../../master.css"> <!-- 文字コード --> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> </HEAD> <BODY CLASS="white"> <H1 CLASS="center">PROGRESS 要素と METER 要素</H1> <FORM NAME="form1" ID="form1_ID" ACTION="test2.php" METHOD="post"> <P CLASS="center"> <LABEL>進捗状況( 30 %): <PROGRESS VALUE="30" MAX="100"></PROGRESS></LABEL> <LABEL>進捗状況(未定): <PROGRESS MAX="100"></PROGRESS></LABEL><BR><BR> <LABEL>正解率( 0.1 ): <METER VALUE="0.1" MIN="0.0" MAX="1.0" LOW="0.2" HIGH="0.8" OPTIMUM="0.5">0.1</METER></LABEL> <LABEL>正解率( 0.6 ): <METER VALUE="0.6" MIN="0.0" MAX="1.0" LOW="0.2" HIGH="0.8" OPTIMUM="0.5">0.5</METER></LABEL> <LABEL>正解率( 0.9 ): <METER VALUE="0.9" MIN="0.0" MAX="1.0" LOW="0.2" HIGH="1.0" OPTIMUM="0.5">0.5</METER></LABEL> </P> </FORM> </BODY> </HTML>
静岡理工科大学 | 菅沼ホーム | HTML 目次 | 索引 |