表格主體部分,使結構更加分明
rowspan 單元格豎跨多少行,作用在th或者td上
colspan 單元格橫跨多少列(即合并單元格),作用在th或者td上。(即橫跨、豎跨都是作用在th或td上)
8.
表單屬性
HTML 表單用于接收不同類型的用戶輸入,用戶提交表單時向服務器傳輸數據,從而實現用戶與Web服務器的交互。
屬性:action、method、enctype
action 表單要提交的地址,用于處理表單的內容(一般是提交到后臺的一個接口,這個接口可以是java寫成的,提交到這個接口后后臺就知道如何處理這些數據了)。
method 提交的方法,默認是get方式提交。
get:1.提交的鍵值對顯示在地址欄url后面; 2.安全性相對較差; 3.對提交內容的長度有限制
post:1.提交的鍵值對不顯示在地址欄; 2.安全性相對較高; 3.對提交內容的長度理論上無限制
enctype 對表單數據進行編碼
表單元素
type屬性可能的值:
text 文本框輸入(type的默認類型)
autocomplete(自動完成輸入的內容,要求表單元素要有name屬性才有自動完成的效果,off表示自動完成不可用,on表示自動完成可用)
disabled(設置或者獲取控件的狀態,默認是false即可用,等于true時不可用,不能輸入內容)
password密碼框。(以下屬性text和password共有)
size(指定表單元素的初始寬度。當type為text或password時,表單元素的大小以字符為單位,對于其他元素,寬度以像素為單位)
maxlength(type為text或password時,表示輸入的最大字符數),有利于防止sql的注入攻擊
readonly設置為只讀狀態
placeholder設置框內預置內容(灰色),焦點選中時消失
radio 單選按鈕
name(將name的值設置為相同值,才表示一組數據,才能實現單選功能)
value(必須要寫,提交到服務器的key值,實際開發過程中value一般是編號)
checked(設置是否被默認選中)
checkbox 復選框
name(將name的值設置為相同值,才表示一組數據,才能添加到同一value值列表并提交到服務器)
value(必須要寫,提交到服務器的key值,實際開發過程中value一般是編號)
checked(設置是否被默認選中)
file 文件域,用于上傳文件(不同的瀏覽器表現形式不同)
submit 提交按鈕。用于提交表單。
reset 重置按鈕。清空表單的輸入,恢復到表單默認的狀態。
button 普通按鈕。一般結合javascript使用。
image 圖片按鈕,用來提交表單,與submit是一樣的效果。
src(圖片路徑)
hidden 隱藏字段。
value(隱藏的內容)
color 顏色標簽。
value 指定顏色值(采用#十六進制數表示)。
date 日期。
value值指定默認的日期,格式為*--*(年月日)。
datetime-local 顯示本地時間
value值指定默認的時間,格式為2017-04-13T23:10:10(年月日T時分秒)。
number 數字向上或者向下滑動。可以填數字然后向上或者向下選擇不同的值。
range 滑動標簽。
min(指定最小值)
max(指定最大值)
value(指定當前默認值)。
week 每年的周數。
value指定哪一年第幾周,格式為2017-W20(2017年第20周)。
name 表單提交項的key
cols 設置文本域寬度
rows 設置文本域高度,即行數
name 表單提交項的key
size 選項個數
multiple 多選
下拉選中的每一項
value(表單提交項的值)
selected(selected下拉項默認被選中)
為同類項加上分組
姓名