---“既然說到產品,那我們來聊一下產品相關的唄?”
---寶寶內心是拒絕的...
---“如果設計一個表單,怎么樣能夠做到友好...(原話忘了,反正就這個意思)”
我當時是懵逼了,平時做的表單也不少,label也用、信息回填也用,可偏偏是沒想到??!沒說出來?。。。ň芙^犯二拒絕黃賭毒!),只說出了“好看,好用(呵呵??)、多步驟引導。。。”
label
label是什么
officially,“它通常關聯(lián)一個控件,或者是將控件放置在label元素內,或者是用作其屬性?!?/p>
說白了就是:
- 關聯(lián)一個form表單的控件(各種類型的input什么的)
- “input”包在<label>里面
- 用for和id相關聯(lián)
但為什么要用label,因為label能夠讓控件的點控區(qū)域變大,用張鑫旭的話說“單選框點擊區(qū)域就鼻屎那么大的地方,經常會點不到位置”。。。然而label有多大,點控區(qū)就有多大。
label怎么用
兩種:
<div>//包住
<label><input type="checkbox" value="ha-ha"></label>
</div>
<div>//關聯(lián)
<label for="ha"></label>
<input id="ha" type="checkbox" value="ha-ha">
</div>
但據(jù)說,通過測試得出了醬紫的一個結論:
使用for和id找到控件元素的方法要比將控件放在label標簽內的健壯性好很多
信息回填
(未完待續(xù))