關於input標籤不同type下的盒模型

2022-06-13 23:21:10 字數 362 閱讀 6729

剛才發現,在chrome下input標籤的不同type型別所取的盒模型是不一樣的。浪費了我很多時間去除錯,唉。

type="text"時,給它設定寬度width:300px,此時的盒模型是這樣的:

即300px指的是content部分的寬度,不包括padding,border,這是w3c標準下的標準盒模型;

而當type=search,buttom,submit時,width:300px的盒模型是這樣的:

即包括了padding和border部分,這是微軟ie瀏覽器版本678下的ie盒模型。使用時要注意。

input 標籤常用屬性以及 type 的屬性值

input 標籤常用屬性 type 指定input型別 autocomplete 設定是否自動完成,其值為 on off autofocus 規定輸入欄位在頁面載入時是否獲得焦點,不適用於type hidden checked 預設選擇,對type值為 checkbox 及 radio 有效 dis...

input標籤中常見的type屬性介紹

type text 文字框 type password 密碼框 type radio 單選框 type checkbox 核取方塊 type file 上傳 type hidden 隱藏控制項 type image 按鈕 type button 普通按鈕 type submit 提交按鈕 type ...

關於input標籤的記住密碼

今天同事問了我乙個這樣的問題 方法1 input標籤有乙個屬性autocomplete屬性 該屬性預設為 on 所以將該屬性設定為 off 即可禁用自動完成功能。即為 autocomplete off 方法2 如果在fom標籤內,input沒有type password 標籤的話,方法1即可。若有,...