iT邦幫忙

DAY 12
0

HTML5 & CSS3系列 第 12

30天分享(14) - HTML5 fieldset 標籤

30天分享(14) - HTML5 fieldset 標籤

<fieldset> 是表單原本預設樣式的標籤,可以快速建立表單,

裡面的 CSS 設定樣式 :

fieldset {

display: block;

margin-left: 2px;

margin-right: 2px;

padding-top: 0.35em;

padding-bottom: 0.625em;

padding-left: 0.75em;

padding-right: 0.75em;

border: 2px groove (internal value);

}

在 HTML5 裡使用方式為下 :

<form>

<fieldset>

<legend>Personalia:</legend>

Name: <input type="text"><br>

Email: <input type="text"><br>

Date of birth: <input type="text">

</fieldset>

</form>

<fieldset> 框住了表單的標題及欄位,

<legend> 是表單的標題,

將其排列後會產生一個表單的樣式,不需要改 CSS ,

是快速建立表單的一個方式。


上一篇
30天分享(13) - HTML5 <track> 標籤
下一篇
30天分享(15) - 加入 Shiv 讓舊版本瀏覽器支援 HTML5 新標籤
系列文
HTML5 & CSS328

尚未有邦友留言

立即登入留言