表單項 內聯表單

<

form 
class=
"form-inline"
>
<
div 
class=
"form-group"
>
<
label 
for=
"exampleinputname2"
>name
label
>
<
input 
type=
"text" 
class=
"form-control" 
id="exampleinputname2" 
placeholder=
"jane doe"
>
div>
<
div 
class=
"form-group"
>
<
label 
for=
"exampleinputemail2" 
class=
"sr-only"
>email
label
>
<
input 
type=
"email" 
class=
"form-control" 
id="exampleinputemail2" 
placeholder=
"[email protected]"
>
div>
<
button 
type=
"submit" 
class=
"btn btn-default"
>send invitation
button
>
form
>

一定要新增label標籤，如果你沒有為每個輸入控制項設定label標籤

螢幕閱讀器將無法正確識別。對於這些內聯表單，你可以通過為label設定.sr-only 類將其隱藏

表單項介紹

1 doctype html 2 html 3 head 4 meta charset utf 8 5 title title 6head 7 body 812 1314 19 form action target.html 2024 2529 fieldset 3031 32 legend 使用者...

表單項 水平排列

form class form horizontal div class form group label for inputemail3 class col sm 2 control label email label div class col sm 10 input type email cl...

ElementUI動態增減表單項

增加新選項 增加新選項 const option export default rules answers options methods 將keys歸位 for let i 0 i this.formdata.optionslist.length i 將答案歸位 單選 this.formdata....