import react from
"react"
import
from
'antd'
;const formitem = form.item;
const
formtemp
=(props)
=>
= props
const
= form
const configs =[,
,,]const formitemlayout =
,// 左側關聯文字
,// 右邊輸入框 兩者和最大24 否則會換行
}const
customizevalidator
=(rule, value, callback, tag)
=>$/,
// 使用者名稱正則，4到16位（字母，數字，下劃線，減號）
phone:
/^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\d$/
,//手機號正則
password:/^
(?![
0-9]
+$)(?!
[a-za-z]
+$)[0-
9a-za-z]
$/// 密碼至少包含 數字和英文，長度6-20
} regs[tag]
.test
(value)
?callback()
:callback
("請輸入正確的內容～")}
const
customizegetvaluefromevent
=(e, item)
=>})
}return value
}const
handlesubmit=(
)=>
else})
}return
(
（表單 表單的元素 表單的屬性）
表單 標籤名 1 form 表單 action 路徑 method 提交方式 2 method 提交方式 get提交 在路徑後面加引數 顯示的是 name 123 age 123 注意 鍵中不要加空格，加空格後所顯示的就不是想要的數值了 name 123 age 123 name 123 age 1...
寬度 表單 Form表單
塊級元素和行內元素 1.塊級元素獨佔一行，行內元素在同一行顯示 2.塊級元素預設寬度為100 行內元素由內容撐開 3.塊級元素可以設定寬高，行內元素不可以設定寬高 4.塊級元素可以設定margin和padding和四個方向，行內元素只可以設定margin和padding和左右值，上下不起作用 5.塊...
表單項 內聯表單
form class form inline div class form group label for exampleinputname2 name label input type text class form control id exampleinputname2 placeholder...