Form表單制作

表單用來收集用戶信息,諸如姓名、性別,聯系方式等等。制表單用input標簽,性別的地方加name=sex,確保性別只能選中其一,用label標簽包住整個性別框,可以達到只點擊文字就達到選擇的效果,性別的type表示為radio。

興趣愛好等多選的項目用select,各個選項用option。

固定textarea用resize,這樣文本域寬高就不可以改動了,右下角的拖放三角圖標也就不顯示了。

各個選項默認是單列垂直排列的,如果想要一行顯示兩個或更多選項,可以通過調節各選項的寬度,加上左浮動,相應的下列就會排到上列的后邊,從而達到一行多列的效果,浮動之后,用span標簽包住各選項名,為span設置統一的右文本對齊,可以實現靠右邊冒號對齊的效果。

各個瀏覽器的默認input寬高是不一樣的,所以可以在樣式里邊設置好寬高,保證瀏覽效果的一致性。

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

推薦閱讀更多精彩內容

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