December 25, 2005

FIELDSETとLEGENDタグはフォーム用タグで、タイトルと枠線がつく。
これらはセットで記述し、

のように表示される。

記述はこんな感じ。

<fieldset>
<legend>タイトル</legend>
サンプル：<input type="text" name="sample" size="35">
</fieldset>

この枠線の色を変える場合は少し面倒。
枠線の色を直接指定するオプションがないため、まずは枠を背景色で塗りつぶし、さらに枠を上書きする形式をとらざるを得ない。また、この方法をとると、枠線の角は四角になるので（borderで指定するわけだから当然といえば当然）、丸いのがいい人は画像を作って枠に使うしかないかもしれない。

枠線のスタイルを変更するには、例えばcssに

.fieldset{
width: 40%;
border:1px solid #FF9933;
}

.legend{
background-color: #FFFFFF;　*/背景が白の場合/*
}

と書くと、となる。

COMMENT投稿フォーム

コメント:

お名前:
メールまたはWebサイト:

表示されている英数字を入力してください(spam防止の為):
情報を記憶しておく