表單內容: form 表單 input 輸入框 name屬性:標簽的名字 value屬性:設置輸入框的預設內容 checked屬性:設置單選或多選的預設項 type屬性:用於確定輸入框的類型 type屬性的屬性值: text:單行文本 password:密碼 email:郵箱 radio:單選 ch ...
表單內容:
form 表單
input 輸入框
name屬性:標簽的名字
value屬性:設置輸入框的預設內容
checked屬性:設置單選或多選的預設項
type屬性:用於確定輸入框的類型
type屬性的屬性值:
text:單行文本
password:密碼
email:郵箱
radio:單選
checkbox:多選
reset:重置
submit:提交
file:文件上傳
image:以圖片作為提交按鈕 同時需要設置 src屬性 用於獲取圖片的路徑
button:普通按鈕 需要使用value屬性添加按鈕上的預設文字
placeholder屬性:用戶輸入框的預設提示信息
button標簽 表示按鈕 在form表單中相當於一個提交按鈕
下拉菜單:
select 代表整個下拉菜單
option 表示每一個下拉選項
selected屬性 表示設置預設顯示的下拉選項
文本域:
textarea 代表一個文本域
cols屬性 代表一行最多可以設置多少個字元
rows屬性 代表一共可以顯示多少行
disabled屬性 代表禁用文本域
表格: 必須是工整的,就是一個完整的表格必須是一個規整的矩形
table標簽 表示一個表格
border屬性 表示設置單元格的邊框
cellpadding屬性 表示單元格內容與邊框之間的距離
cellspacing屬性 表示單元格與單元格之間的距離
style="border-collapse: collapse" 代表合併單元格之間的邊框線
tr標簽 代表表格的 行
td標簽 代表每一個單元格
table標簽
屬性:
border 設置邊框
width 設置整個表格的寬度
style="border-col0lapse: collapse" 設置合併邊框線
height 設置高度
tr標簽 表格的行
td標簽 表格的單元格
屬性 colspan 代表跨列 如果設置跨列,那麼不管是跨幾列,對應的當前行都要相應的減少對應的列數
rowspan 代表跨行 如果設置跨行,那麼跨幾行,對應的後面的行就要相應減少一個單元格
例如 rowspan="3" 那麼後兩行就要依次減少一個單元格
thead標簽 表格的表頭 tr表示行 th表示表頭的單元格
tbody標簽 表格的主體 tr表示行 td表示主體的單元格
屬性:
align 表示單元內的文字水平對齊方式 left 左對齊 center 居中 right 右對齊
caption標簽 表格的標題