表格與表單

libin19890520 發布于2019-04-23 13:20 / 2113人閱讀

摘要：表格表單表格表單一表格一表格基本結構基本結構常用屬性常用屬性表格外框及單元格外框單元格的內邊距單元格之間的間距，最小為邊框規則行合并該單元格占多行列合并該單元格占多列列寬占比標題方位垂直水平居中垂直水平居中

表格表單

一、表格

1、基本結構

2、常用屬性

table
-- border: ：表格外框及單元格外框
-- cellpadding: ：單元格的內邊距
-- cellspacing: ：單元格之間的間距，最小為0
-- rules：rows、cols、groups、all：邊框規則

td
-- rowspan: ：行合并(該單元格占多行)
-- colspan: ：列合并(該單元格占多列)
-- width: : %：列寬占比

caption
-- align: left | right | top | bottom：標題方位

3、垂直水平居中

.sup {
    width: 200px;
    height: 200px;
    display: table-cell;
    vertical-align: middle;
}
.sub {
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

二、表單

1、基本結構


    輸入框

2、input常用類型

text、password、hidden、radio、checkbox、reset、submit

3、常用類型標簽

文本框

密文框

單選框

男
女

復選框

 籃球
 足球
 乒乓球 
 棒球

下拉選項

多行文本輸入

按鈕

4、全局屬性

required：必填項
pattern：正則

5、偽類

focus：獲得焦點

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/1742.html

HTMl基礎

摘要：每個表格均有若干行由標簽定義，每行被分割為若干單元格由標簽定義。字母指表格數據，即數據單元格的內容。數據單元格可以包含文本圖片列表段落表單水平線表格等等。表格最重要的目的是顯示表格類數據。規定在提交表單時所用的方法默認。 import socket def main(): sock = socket.socket(socket.AF_INET, socket.SOCK_STRE...

番茄西紅柿 2019-04-23 13:42 評論0 收藏0
01 【零基礎入門】html學習筆記（2）

摘要：，表單的兩個常見屬性為填寫表單的人提供一個輸入提示。可用于任何表單控件，表示這個域是必要的，如果不填，則無法提交表單。，表格，表格由行中的數據單元格組成，列隱含地定義在行中。，表格應用于表示表格數據，而不是建立頁面布局。 1，如何設計一個頁面 1）先規劃好web頁面的結構，首先畫出一個草圖，然后創建一個略圖，最后再寫html2）規劃頁面時，先設計大的塊元素，再用內聯元素...

kamushin233 2019-08-02 10:39 評論0 收藏0
補習前端（css+html）基礎-1：

摘要：標簽將表單內容的一部分打包，生成一組相關表單的字段。提示和注釋注釋元素是空元素，它僅包含屬性。注釋此元素只能存在于部分，不過它可出現任何次數。屬性屬性規定當前文檔與被鏈接文檔之間的關系。該標簽用于組合表格的主體內容。 1.HTML 標簽: 實例組合表單中的相關元素： health information height: weight: 定義和用法 fieldset 元素...

marek 2019-08-29 15:24 評論0 收藏0
補習前端（css+html）基礎-1：

摘要：標簽將表單內容的一部分打包，生成一組相關表單的字段。提示和注釋注釋元素是空元素，它僅包含屬性。注釋此元素只能存在于部分，不過它可出現任何次數。屬性屬性規定當前文檔與被鏈接文檔之間的關系。該標簽用于組合表格的主體內容。 1.HTML 標簽: 實例組合表單中的相關元素： health information height: weight: 定義和用法 fieldset 元素...

douzifly 2019-08-02 10:26 評論0 收藏0
HTML之body標簽中的相關標簽補充

摘要：一列表標簽列表標簽分為三種。二表格標簽表格標簽用表示。單元格和單元格之間的距離外邊距，像素為單位。例如表示當前單元格在水平方向上要占據兩個單元格的位置。輸入標簽文本框輸入標簽文本框用于接收用戶輸入。一列表標簽　　列表標簽分為三種。　　1、無序列表，無序列表中的每一項是　　　　英文單詞解釋如下：　　　　　　a.ul：unordered list，無序列表的意思。　　　　　　b.l...

felix0913 2019-04-23 11:49 評論0 收藏0