Form表單制作

表單用來收集用戶信息,諸如姓名、性別,聯(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è)置好寬高,保證瀏覽效果的一致性。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 134,869評(píng)論 18 139
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,792評(píng)論 1 92
  • 轉(zhuǎn)載請聲明 原文鏈接地址 關(guān)注公眾號(hào)獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    前端進(jìn)階之旅閱讀 16,599評(píng)論 32 459
  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,310評(píng)論 1 41
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,200評(píng)論 4 61