您好,登錄后才能下訂單哦!
本篇文章為大家展示了html行內塊元素有哪些,內容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細介紹希望你能有所收獲。
行內塊狀元素特征:
不自動換行
能夠識別寬高
默認排列方式為從左到右
內聯塊級元素比較少,它們分別是:img、input、td、select、textarea、label;
img:用于標記網頁中的圖像 ,有屬性src:圖片資源路徑 ,alt:提示信息 當圖片加載失敗 ,以指定文本形式代替圖片顯示
input:輸入框,有屬性type輸入框類型,有屬性值(text表示文本輸入框,file文件選擇器,password密碼輸入框,email郵箱輸入框,number數字輸入框,button按鈕)。placeholder占位字符,用于提示輸入框應該輸入的內容。value表示輸入框中的內容。name和后臺服務器交互時,必須攜帶name屬性,發送請求時的參數名。
單選 type=“radio” 表示一個單選選項處于同一組單選框只能選中一個值,將多個radio的name屬性值設置為相同的值type="checkbox"復選框
label:和input標簽綁定到一塊使用,有屬性for,屬性值就是input輸入框的id值。checked屬性為標簽選中狀態
select:下拉列表
擴展資料:
內聯塊級元素的轉換
通過設置CSS樣式屬性display:inline-block,可將內聯元素,或塊級元素轉換成內聯塊級元素;
但如果是將元素轉換成內聯元素,則設置display:inline;
如果是將元素轉換成塊級元素,則設置display:block;
inline-block是css2.1新增的屬性,對于IE7以下的版本不支持這個屬性,所以需要一些兼容的辦法。
上述內容就是html行內塊元素有哪些,你們學到知識或技能了嗎?如果還想學到更多技能或者豐富自己的知識儲備,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。