[教學] 實用發帖語法教學(通用火狐ˋIE)

上列語法：

<input type="text" name="t1" size="18" onfocus="this.select()" onmouseover="this.focus()" value="移上來我就會自動全選" >




上列語法：

<input type="text" name="t2" size="16" onfocus="this.select()" value="點我一下就自動全選" >

藍：表單名稱可自由更改(使用多個請勿重複)
紅：表單長度
綠：要顯示的內容




上列語法：

<input type="text" name="tt1" size="32" onfocus="this.select()" onmouseover="this.focus()" style="background-color: #F9FFBE; border-color: #000000; color:#0000FF; border-style:dotted; border-width:3;" value="心存感激分享~大家都要心存感激唷!">

藍：由左到右：背景顏色ˋ邊框顏色ˋ字顏色
紅：邊框樣式，可改為下列    
　　　沒線

　　　虛線

　　　雙線

　　　虛線

　　　實線

　　　內嵌

　　　外嵌

　　　凹入

　　　凸出

綠：邊框粗細

※自動ˋ半自動的差別只在於
自動的語法：onfocus="this.select()" onmouseover="this.focus()"
半自動語法：onfocus="this.select()"
其他如字體大小顏色等皆可自由更改


摺疊此段教學

最簡單按鈕的內容
最簡單按鈕的內容

上列語法：

<input type=button onclick="name_333.style.display=name_333.style.display=='none'?'':'none'" value="我是最簡單的按鈕">
<div id="name_333" style="display:none">
最簡單按鈕的內容
最簡單按鈕的內容</input></div>

核取方塊的內容
核取方塊的內容

上列語法：

<input  type=checkbox onClick="name_box.style.display=name_box.style.display=='none'?'':'none'" >
<div id="name_box" style="display:none">
核取方塊的內容
核取方塊的內容</input></div>

選項按鈕的內容
選項按鈕的內容

上列語法：

<input type=radio onClick="name_chh.style.display=name_chh.style.display=='none'?'':'none'" >
<div id="name_chh" style="display:none">
選項按鈕的內容
選項按鈕的內容</input></div>

美化過的按鈕內容
美化過的按鈕內容

上列語法：

<input type=button onclick="name_ccw.style.display=name_ccw.style.display=='none'?'':'none'" style="background-color: #ff7f50; border-color: #000000; color:#e0ffff; border-style:double; border-width:1" value="我是美化過的按鈕">
<div id="name_ccw" style="display:none">
美化過的按鈕內容
美化過的按鈕內容</input></div>

藍：三處名稱必須相同（若同一頁有多個摺疊內容請勿重複名稱）
紅：按鈕上的文字
綠：左到右為：背景色ˋ邊框色ˋ文字色ˋ邊框樣式（樣式請參考自動全選表單內教學）ˋ邊框粗細

圖片按鈕的內容
圖片按鈕的內容

上列語法：

<input type=button onclick="onthis.style.display=onthis.style.display=='none'?'':'none'" style="width:237; height:91; border-width:0; background-image: url('http://rayrd.myweb.hinet.net/rrrr.jpg')">
<div id="onthis" style="display:none">
圖片按鈕的內容
圖片按鈕的內容</input></div>

藍：寬度ˋ高度
紅：邊框粗細
綠：圖片位置


※在<div id="" style="display:none">的none是預設內容為"不顯示"，若改為yes則為"顯示"
若要實現多個按鈕控制同樣一個內容(假設此內容名稱為wahaha)則

　　

我們全家都開關一樣的內容

　
上列語法：

<input type=button onClick="wahaha.style.display=wahaha.style.display=='none'?'':'none'" value="我是爸爸">　<input type=button onClick="wahaha.style.display=wahaha.style.display=='none'?'':'none'" value="我是媽媽">　<input type=button onClick="wahaha.style.display=wahaha.style.display=='none'?'':'none'" value="我是哥哥">
<div id="wahaha" style="display:none">我們全家都開關一樣的內容</input></div>
<input type=button onClick="wahaha.style.display=wahaha.style.display=='none'?'':'none'" value="我是狗狗">　<input type=button onClick="wahaha.style.display=wahaha.style.display=='none'?'':'none'" value="我是Ａ片">


摺疊此段教學

我是最基本的fieldset效果

上列語法：

<fieldset>我是最基本的fieldset效果</fieldset>

我是最基本的fieldset+legend

最基本的內容

上列語法：

<fieldset><legend>我是最基本的fieldset+legend</legend>最基本的內容</fieldset>

123456

我是美化過的
文字置中
並且固定大小

上列語法：

<fieldset style="width:300;height:80;border:1px dashed #ff9966" align="center" ><legend>123456</legend><center>我是美化過的
文字置中
並且固定大小</center></fieldset>


藍：左上標示的名稱
紅：被包起來的內容
綠：長ˋ高ˋ邊框粗細ˋ邊框樣式（樣式請參考自動全選表單內教學）ˋ邊框顏色

抵制轉鏈賺錢

123
123

上列語法：

<fieldset style="border:#ee82ee dashed 3px"><legend style="background:#000000; border:#ff8c00 solid 5px; padding: 5px 50px"><font color="#adff2f">抵制轉鏈賺錢</font></legend>
123
123 </fieldset>


藍：左上標示的背景顏色ˋ邊框顏色
紅：左上標示的邊框樣式（請參考自動全選表單內教學）ˋ高ˋ寬數值



※把fieldset看成是圍住內容的外框，把legend看成是外框上的標題，就很好理解了


摺疊此段教學

怕發帖的時候標題被隱藏嗎？請用標題字數查訊器　（限用英文中文及各種符號）點我進入

24h自動斷行語法測試區（跟的一樣按enter就換行）點我進入

純文字網址轉→鏈結語法　點我進入　　

純文字網址轉→鏈結　點我進入　

以上皆為hinet空間，尖峰時段開啟網頁會delay請見諒！


摺疊此段教學