form表單的簡單介紹

猿人小彭發表於2020-10-18

form表單的適用場景
1、註冊 2、登入 3、搜素
書寫格式:form 父元素、input 子元素

<form  action = " " method = " ">
<input>
</input>
</form>

其中:action屬性表示提交地址,method屬性表示提交方式(get/post),get為預設值
input標籤中type的取值
text:單行文字輸入框設定預設值,新增(value)
number:數字輸入框
password:密碼輸入框
radio:單選框(inout新增checked為被選中)
checkbox:多選框(inout新增checked為被選中)
file:上傳檔案
color:獲取顏色
按鈕
button:普通按鈕
submit:提交按鈕
reset:重置按鈕(恢復預設值)
注:使用者輸入不需要value值,使用者選擇需要value
selecte下拉選單
select父元素、optgroup(子元素為option,使用label新增分類名)或option子元素
注:1、select多選功能,新增multiple屬性。2、預設值新增再selected在option上