naobe @ ウィキ
HTML
最終更新:
naobe
-
view
WEBアプリケーションに戻る
タグ
radioタグとcheckboxタグ
radioタグは1個選択可能。checkboxは複数選択可能
<form action="/DynamicWEB/ShowDate"> <input type="checkbox" name="aaa">AAA<br> <input type="checkbox" name="bbb">BBB<br> <input type="checkbox" name="ccc">CCC<br> <input type="submit"><br> </form>
上記のリクエストは以下
ShowDateServlet start. key:aaa, val[0]:on key:ccc, val[0]:on
配列にする意味がないような。しかしこれが一般的な使い方でしょう。
配列を有効に活用するには以下の形式。
<form action="/DynamicWEB/ShowDate">
<input type="checkbox" name="key" value="AAA">AAA<br>
<input type="checkbox" name="key" value="BBB">BBB<br>
<input type="checkbox" name="key" value="CCC">CCC<br>
<input type="submit"><br>
</form>
上記のリクエストは以下
key:key, val[0]:AAA key:key, val[1]:BBB
diabled属性
HTML4.01では、inputタグ、TextAreaタグで使用可能。
divで画面を分割
<head>
<style type="text/css">
#container{width:750px;text-align:left;margin:0px auto;}
#header{width:750px;margin:0px 0px 15px 0px;}
<!-- float:回りこみを許す -->
#content{float:left;width:590px;}
#sidebar{float:right;width:150px;padding:0px 0px 0px 10px;}
<!-- clear:回りこみを解除する -->
#footer{clear:both;width:750px;margin:15px 0px 15px 0px;}
</style>
</head>
<body>
<div id="container">
<div id="header">
ここがヘッダー
</div>
<div id="content">
ここがコンテンツ
</div>
<div id="sidebar">
ここがサイドバー
</div>
<div id="footer">
ここがフッター
</div>
</div>
</body>
用語
| 項目 | 説明 | 備考 |
| インライン要素 | 前後で改行されない | |
| ブロック要素 | 前後で改行される | |
