愛晴狂想曲

< colgroup> 是 HTML 中的一個元素，用於定義表格列（columns）的屬性，通常用來設定一組列的共同樣式或行為，以簡化表格的樣式和結構設定。它通常與 元素一起使用，用來指定列的寬度、背景色、文字對齊等屬性。 以下是 < colgroup> 的一般用法說明： 定義 < colgroup> 元素：在表格 (< table>) 元素內部，你可以使用 < colgroup> 元素來定義列的屬性。通常，它會位於表格的開頭，但在表格內部的任何位置都可以。 <table> <colgroup> <col style="width: 100px;"> <col style="background-color: lightblue;"> </colgroup> <!-- 表格內容 --> </table> 使用 < col> 元素：在 < colgroup> 元素內部，你可以使用一個或多個 < col> 元素來指定不同列的屬性。這些屬性可以包括列的寬度、背景色、文字對齊等。 <colgroup> <col style="width: 100px;"> <col style="background-color: lightblue;"> </colgroup> 繼承屬性：當你在 < colgroup> 中指定列的屬性時，這些屬性將應用於整個列，除非在特定的 < col> 元素中進一步覆蓋。 節省重複代碼：使用 < colgroup> 可以幫助節省重複的 HTML 代碼，尤其是當你希望多列具有相同的樣式或屬性時，這在大型表格中特別有用。 這是一個簡單的示例，展示了 < colgroup> 和 < col> 的使用： <table> <colgroup> <col style="...

  &lt; < 小于号或显示标记 &gt; > 大于号或显示标记 &amp; & 可用于显示其它特殊字符 &quot; “ 引号 &reg; ® 已注册 &copy; © 版权 &trade; ™ 商标 &ensp;   半个空白位 &emsp;   一个空白位 &nbsp;   不断行的空白 ref web: https://developer.aliyun.com/article/614020

有時在寫網頁報表時，會有需求為固定幾列資料後，強制自動分頁。 這裡要介紹的方法是使用HTML標籤和CSS就可以達到這個功能。 只要在要分頁的地方，加上下面的語法，就完成囉！ <p style="page-break-after:always"></p> reference web: http://css6.pixnet.net/blog/post/38663328-css%E8%87%AA%E5%8B%95%E5%88%86%E9%A0%81%E5%88%97%E5%8D%B0

HTML <textarea> 標籤想要計算輸入的字數，因為onchange的事件是在離開Textarea才觸發，所以想即時計算，要使用一些小技術來達到。 另外，因為<textarea>沒有MaxLength的屬性可以設定，所以如果要達到字數限制也可以一起在這裡使用Javascript來處理。 計算字數的 Javascript Function如下， function TextArea1WordCount() { //允許輸入最大長度 var intMaxLength = 200; //文字輸入//取得計算字數的物件塊 TextArea1 = document.getElementById("TextArea1"); //取得計算字數的物件 lblWordCountNow = document.getElementById("lblWordCountNow"); //將文字輸入方塊表度寫入顯示Label lblWordCountNow.innerHTML = TextArea1.value.length; //比對字數是否超過允許長度 if (TextArea1.value.length > intMaxLength) { //超過限定 } //250毫秒後再執行一次此function setTimeout("TextArea1WordCount()", 250); } 在 form onload事件中加入此計算function <form onload="TextArea1WordCount()"> 這樣在表單一開啟後，就會觸發定時去計算字數的效果，執行頻率快時，就會像是即時計算，但其實是定時在計算而已。