表單用來收集用戶信息,諸如姓名、性別,聯(lián)系方式等等。制表單用input標(biāo)簽,性別的地方加name=sex,確保性別只能選中其一,用label標(biāo)簽包住整個(gè)性別框,可以達(dá)到只點(diǎn)擊文字就達(dá)到選擇的效果,性別的type表示為radio。
興趣愛好等多選的項(xiàng)目用select,各個(gè)選項(xiàng)用option。
固定textarea用resize,這樣文本域?qū)捀呔筒豢梢愿膭?dòng)了,右下角的拖放三角圖標(biāo)也就不顯示了。
各個(gè)選項(xiàng)默認(rèn)是單列垂直排列的,如果想要一行顯示兩個(gè)或更多選項(xiàng),可以通過調(diào)節(jié)各選項(xiàng)的寬度,加上左浮動(dòng),相應(yīng)的下列就會(huì)排到上列的后邊,從而達(dá)到一行多列的效果,浮動(dòng)之后,用span標(biāo)簽包住各選項(xiàng)名,為span設(shè)置統(tǒng)一的右文本對(duì)齊,可以實(shí)現(xiàn)靠右邊冒號(hào)對(duì)齊的效果。
各個(gè)瀏覽器的默認(rèn)input寬高是不一樣的,所以可以在樣式里邊設(shè)置好寬高,保證瀏覽效果的一致性。