星期二, 四月 26, 2005

Html: label (radio bottom)小技巧

<input type="radio" id="abc" /><label for="abc">這是oo</label>
<input type="radio" id="def" /><label for="def">這是xx</label>
<label><input type="radio">這是oo</label>
<label> <input type="radio">這是xx</label>

用 label tag 能做到, 並非一定要點到圓圈的 Radio Button才能選取, 只要點到文字就可以選擇到 radio 的圈圈了~~

使用 label

沒用 label

這是oo 這是xx

星期二, 四月 26, 2005

CSS: 不換行 寫法(FORM)

平常 Html 寫到 FORM 會讓造成空隔多空一行 等等的問題, 以往都是將 Form 塞到 Table 跟 tr 間 的這些方法來解決.

css 有簡易的解法~ 照下面的一設就搞定了~

form{margin:0px; display:inline}
  • margin: 上下左右間隔都設為 0px
  • display: inline 之後顯示的秀在同一行

<h1> 想不換行也是同樣解法. </h1>, 只要<h1 style="display: inline;"> 就可以了.

«上一篇   1 2 3 4