form表單的簡單介紹
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上
相關文章
- 簡單介紹v-for中動態校驗el-form表單項的實踐ORM
- HTML5中form表單功能介紹分享HTMLORM
- AOP的簡單介紹
- Webpack 的簡單介紹Web
- Map簡單介紹
- SVG簡單介紹SVG
- Clickjacking簡單介紹
- 【Pandas】簡單介紹
- ActiveMQ簡單介紹MQ
- JSON簡單介紹JSON
- RPC簡單介紹RPC
- Python簡單介紹Python
- KVM簡單介紹
- RMI簡單介紹
- HTML簡單介紹HTML
- HTML 簡單介紹HTML
- JavaScript 簡單介紹JavaScript
- CSS 簡單介紹CSS
- ajax簡單介紹
- 函子的簡單介紹
- Flownet 介紹 及光流的簡單介紹
- 表單form方式ORM
- 清空form表單ORM
- 簡單介紹克隆 JavaScriptJavaScript
- 禪道簡單介紹
- Apache Curator簡單介紹Apache
- spark簡單介紹(一)Spark
- Flutter key簡單介紹Flutter
- Ansible(1)- 簡單介紹
- Git_簡單介紹Git
- jQuery Validate簡單介紹jQuery
- JSON物件簡單介紹JSON物件
- <svg>元素簡單介紹SVG
- 簡單介紹 ldd 命令
- 簡單介紹Rust中的workspaceRust
- Caffeine快取的簡單介紹快取
- java註解的簡單介紹Java
- tpextbuilder- Form表單UIORM