"radio" name=
"val" id=
"" value=
'男' v-model=
"value"
>男
<
/label>
"radio" name=
"val" id=
"" value=
'女' v-model=
"value"
>女
<
/label>
你的性別是:
}<
/p>
data()
;},
// 單選
="agree"
>
"checkbox" name=
"val" id=
"agree" v-model=
"isagree"
>統一協議
<
/label>
}<
/p>
'!isagree'
>下一步<
/button>
data()
;},
// 多選
"checkbox" name=
"val" value=
"籃球" v-model=
"isagree"
>籃球
"checkbox" name=
"val" value=
"足球" v-model=
"isagree"
>足球
"checkbox" name=
"val" value=
"桌球" v-model=
"isagree"
>桌球
"checkbox" name=
"val" value=
"羽毛球" v-model=
"isagree"
>羽毛球
你的愛好：
}<
/h2>
<
/label>
data()
;},
多選 ： 可以選中多個值
// 單選
"myselect"
>
"蘋果"
>蘋果<
/option>
"香蕉"
>香蕉<
/option>
"梨子"
>梨子<
/option>
"西瓜"
>西瓜<
/option>
<
/select>
你的選擇是
}<
/p>
<
/div>
data()
;},
// 多選
"aa" v-model=
"myselect"
:multiple=
'true'
>
"蘋果"
>蘋果<
/option>
"香蕉"
>香蕉<
/option>
"梨子"
>梨子<
/option>
"西瓜"
>西瓜<
/option>
<
/select>
你的選擇是
}<
/p>
data()
;},
vue表單應用 v model
v model只能用於 input select textarea這些表單元素上實現雙向資料繫結。所謂雙向書資料繫結，指的是在vue物件中的data與其繫結的dom元素的內容保持一致。兩者無論誰被改變，另乙個也相應改變。因為表單元素展現資料的方式不同，在實現雙向資料繫結時，vue會根據不同的控制項型...
HTML表單系列總結
1什麼是表單元素？表單元素的工作原理？表單的作用是從客戶端收集的資料交給伺服器進行處理 表單元素 訪問乙個包含表單頁面的資料，輸入資料，提交表單，然後瀏覽器再將表單的資料進行打包傳遞給伺服器，伺服器接收資料php檔案處理 2都有哪些表單元素 form 表單元素 文字域 text 單選框 radio ...
電子表單系列談之表單資料處理
一般的電子表單工具都要求能自動顯示和儲存關係型資料庫中的資料，比如可以使用sql語句查詢資料填充文字框，或者查詢一批資料填充到列表框中的列表專案。而且還要求能更新資料庫，能把使用者輸入的資料儲存到資料庫中，可以新增，修改和刪除資料庫記錄。為實現這種功能，表單工具在定製表單模板的時候得設定讀取資料和更...