網(wǎng)頁07day

表格:
使用table標(biāo)簽創(chuàng)建一個表格。
tr表示表格中的一行。
tr中可以編寫一個或多個th或td。
th表示表頭。
td表示表格中的一個單元格。
caption表示表格的標(biāo)題。
thead表示表格的頭部。
tbody表示表格的主體。
tfoot表示表格的底部。
合并單元格指將兩個或兩個以上的單元格 合并為一個單元格。
合并單元格可以通過在th或td中設(shè)置屬性 來完成。
橫向合并 :
colspan
縱向合并:
rowspan
text-align:設(shè)置文本的水平對齊。
vertical-align:設(shè)置文本的垂直對齊。
可選值:top、baseline、middle、bottom
border-spacing:邊框間距
border-collapse:合并邊框
collapse:合并邊框
separate:不合并邊框
文本框
<input type="text" name="name">
密碼框
<input type="password" name="pwd">

    多選框
    <input type="checkbox" name="sports">
    單選框
    <input type="radio" name="gender">

  提交按鈕
  <input type="submit" value="提交">

  下拉列表
  <select>
  <option>北京</option>
  </select>

input:
input是我們使用的最多的表單項,它可以 根據(jù)不同的type屬性呈現(xiàn)不同的狀態(tài)。
type屬性可選值:
text:文本框
password:密碼框
submit:提交按鈕
radio:單選按鈕
checkbox:多選框
reset :重置按鈕
select用于創(chuàng)建一個下拉列表。
option表示下拉列表中的列表項。
optgroup用于為列表項分組。

textarea用來創(chuàng)建一個文本域,實際效果和 文本框類似,只是可以輸入多行數(shù)據(jù)。
可用屬性:
cols:文本域的列數(shù)
rows:文本域的行數(shù)

fieldset用來為表單項進(jìn)行分組。
legend用于指定每組的名字。
label標(biāo)簽用來為表單項定義描述文字。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • (注1:如果有問題歡迎留言探討,一起學(xué)習(xí)!轉(zhuǎn)載請注明出處,喜歡可以點個贊哦?。ㄗ?:更多內(nèi)容請查看我的目錄。) ...
    love丁酥酥閱讀 4,536評論 2 5
  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁的形式展示給用戶的,因此網(wǎng)頁是網(wǎng)絡(luò)信息傳遞的載體。網(wǎng)頁文件是用...
    阿啊阿吖丁閱讀 4,970評論 0 0
  • 也許你已經(jīng)做了上千張表格,也許你用函數(shù)算了上千復(fù)雜的運(yùn)算。也許認(rèn)為excel不過如此,今天25招秘技希望可以幫到大...
    南屋阿米佛頭閱讀 3,834評論 0 51
  • 一、誤刪資料恢復(fù) 一不小心刪錯了,還把回收站清空了,咋辦???只要三步,你就能找回你刪掉并清空回收站的東西。 步驟:...
    八爺君閱讀 1,620評論 2 7
  • 學(xué)習(xí)CSS的最佳網(wǎng)站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,195評論 0 1

友情鏈接更多精彩內(nèi)容