naobe @ ウィキ

HTML

最終更新:

naobe

- view
管理者のみ編集可

タグ


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>

用語

項目 説明 備考
インライン要素 前後で改行されない
ブロック要素 前後で改行される
人気記事ランキング
ウィキ募集バナー