HTML5中form表單功能介紹分享
form表單,能傳送資料,非常重要<form></form>
form method = “get/post”這是form傳送資料的兩種方式
action = “”這是傳送給誰,就是action的位置
form表單裡面還需要配合input來寫,input裡面需要type
<input type = “text”> //這個是輸入框的意思
<input type = “password”> //這個是密碼框的意思,預設是暗文
<input type = “submit”> //這個是提交的元件,也就是登入
<input type = “submit” value = “login”> //這樣就改變了提交框的值
<input type = “radio”> //是單選框
<input type = “checkbox”> //是核取方塊
要注意語義化,所以用p標籤更好,p標籤天生的功能就是換行
這種方式傳送不了資料 傳送資料要注重資料的主題(資料名)和資料的內容(資料值),缺一不可,沒有這個就傳送不了資料
<input type = “text” name = “1234”> 此處name是資料名,1234是資料值,此處1234可以隨便填,最好填寫接近意思的英文單詞,方便使用
html?後面有值,就是傳送成功的體現
另外,暗文是僅對自己不可見,受網安局監管的公司,一般用md5,不可逆的加密方式
<input type = “radio” name = “star”>是單選框,此處的name裡面的值一樣的,是告訴瀏覽器你們是一道題,那麼這個時候就沒有填資料值的地方了,可以寫個value = “”來儲存資料值
<input type = “radio” name = “star” value = “”>此處的name裡面的值一樣的,是告訴瀏覽器你們是一道題,那麼這個時候就沒有填資料值的地方了,可以寫個value = “” 來儲存資料值,下面也是在form表單中填寫
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69914504/viewspace-2664557/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- form表單的onSubmit事件簡單介紹ORMMIT事件
- 表單元素的form屬性介紹ORM
- 表單元素的form屬性用法介紹ORM
- 表單Form簡介——表單按鈕ORM
- 簡單介紹v-for中動態校驗el-form表單項的實踐ORM
- 簡單介紹HTML5 LandmarkHTML
- AngularJS實現的表單編輯提交功能簡單介紹AngularJS
- orbeon form 的配置介紹ORBORM
- HTML5中的表單HTML
- kingshard SQL黑名單功能介紹SQL
- 簡單介紹recorder.js 基於Html5錄音功能的實現JSHTML
- form標籤的enctype屬性的作用簡單介紹ORM
- tpextbuilder- Form表單UIORM
- HTML5 介紹HTML
- HTML5 autofocus屬性用法簡單介紹HTML
- HTML5的video事件簡單介紹HTMLIDE事件
- 在 Laravel 中優雅處理 Form 表單LaravelORM
- vue中怎麼動態生成form表單VueORM
- js如何阻止表單提交簡單介紹JS
- HTML5 download屬性用法簡單介紹HTML
- HTML5基本介紹HTML
- Javascript中的Form表單知識點總結JavaScriptORM
- Vue中form表單常用rules校驗規則VueORM
- html5中canvas元素建立畫布介紹HTMLCanvas
- 分享一個H5原生form表單的checkbox特效H5ORM特效
- html5幾個簡單語法規則簡單介紹HTML
- HTML5中常用表單整理HTML
- 可以被提交的表單元素簡單介紹
- js獲取form表單下所有表單元素JSORM
- Oracle中dual表的用途介紹Oracle
- formly-form 動態表單ORM
- form表單的元素及方法ORM
- Django教程(三) Django表單FormDjangoORM
- HTML標記之Form表單HTMLORM
- mitmproxy中libmproxy簡單介紹MITIBM
- 簡單介紹Rust中的workspaceRust
- html中註釋簡單介紹HTML
- 好程式設計師前端分享HTML5 智慧表單程式設計師前端HTML