OUTPUT 要素

interface HTMLOutputElement : HTMLElement { [PutForwards=value] readonly attribute DOMSettableTokenList htmlFor; readonly attribute HTMLFormElement? form; attribute DOMString name; readonly attribute DOMString type; attribute DOMString defaultValue; attribute DOMString value; readonly attribute boolean willValidate; readonly attribute ValidityState validity; readonly attribute DOMString validationMessage; boolean checkValidity(); void setCustomValidity(DOMString error); readonly attribute NodeList labels; };

<!DOCTYPE HTML>
<HTML>
<HEAD>
					<!-- タイトル -->
	<TITLE>FIELDSET，LEGEND，LABEL</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">
	<P CLASS="center">FORM 要素の内部にすべて記述</P>
	<FORM NAME="form1" ID="form1_ID" ACTION="test2.php" METHOD="post">
		<P><LABEL>氏名： </LABEL><INPUT TYPE="text" NAME="shimei" SIZE="20" STYLE="font-size: 90%"></P>
		<FIELDSET>
			<LEGEND>性別</LEGEND>
			<LABEL><INPUT TYPE="radio" NAME="sex" VALUE="male">男</LABEL><BR>
			<LABEL><INPUT TYPE="radio" NAME="sex" VALUE="female">女</LABEL><BR>
		</FIELDSET>
		<BR>
		<FIELDSET>
			<LEGEND>住所</LEGEND>
			<LABEL>郵便番号： </LABEL><INPUT TYPE="text" NAME="te" SIZE="8" STYLE="font-size: 90%">
			<LABEL FOR="tel_ID">電話番号： </LABEL><INPUT TYPE="text" NAME="tel" ID="tel_ID" SIZE="15" STYLE="font-size: 90%"><BR>
			<LABEL>住所： <INPUT TYPE="text" NAME="adr" SIZE="50" STYLE="font-size: 90%"></LABEL>
		</FIELDSET>
		<P STYLE="text-align: center"><INPUT TYPE="submit" VALUE="送信" STYLE="font-size: 90%"></P>
	</FORM>

	<HR STYLE="height: 5px; background-color: #ff0000">
	<P CLASS="center">FORM 要素の外部に一部を記述</P>
	<FORM NAME="form2" ID="form2_ID" ACTION="test2.php" METHOD="post">
		<P><LABEL>氏名： </LABEL><INPUT TYPE="text" NAME="shimei" SIZE="20" STYLE="font-size: 90%"></P>
		<FIELDSET>
			<LEGEND>性別</LEGEND>
			<LABEL><INPUT TYPE="radio" NAME="sex" VALUE="male">男</LABEL><BR>
			<LABEL><INPUT TYPE="radio" NAME="sex" VALUE="female">女</LABEL><BR>
		</FIELDSET>
		<BR>
	</FORM>
	<FIELDSET>
		<LEGEND>住所</LEGEND>
		<LABEL>郵便番号： </LABEL><INPUT TYPE="text" FORM="form2_ID" NAME="te" SIZE="8" STYLE="font-size: 90%">
		<LABEL>電話番号： </LABEL><INPUT TYPE="text" FORM="form2_ID" NAME="tel" SIZE="15" STYLE="font-size: 90%"><BR>
		<LABEL>住所： </LABEL><INPUT TYPE="text" FORM="form2_ID" NAME="adr" SIZE="50" STYLE="font-size: 90%">
	</FIELDSET>
	<P STYLE="text-align: center"><INPUT FORM="form2_ID" TYPE="submit" VALUE="送信" STYLE="font-size: 90%"></P>
</BODY>
</HTML>

<!DOCTYPE HTML> <HTML> <HEAD>  <TITLE>KEYGEN, OUTPUT</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">KEYGEN 要素と OUTPUT 要素</H1> <FORM NAME="form1" ID="form1_ID" ACTION="test2.php" METHOD="post"> <LABEL>名前： <INPUT TYPE="text" NAME="shimei" STYLE="font-size: 90%"></LABEL><BR><BR> <LABEL>年齢： <INPUT TYPE="range" NAME="old" MIN="0" MAX="100" STYLE="font-size: 90%" onInput="result.value=old.value"></LABEL>　（ <OUTPUT NAME="result" STYLE="font-size: 90%"></OUTPUT> ）<BR><BR> <P CLASS="center"><KEYGEN NAME="key">　<BUTTON TYPE="submit" STYLE="font-size: 90%">送信</BUTTON></P> </FORM> </BODY> </HTML>