2019-04-01表格和表單

html
表格

table:

  1. table屬性:
  • align="center" 居中
  • align="right" 居右
  • 默認在左(left)
    -cellspacing="" :單元格的邊距
    -cellpadding="":邊框與單元格的距離
    2.tr屬性:
    -align="center" 居中
    -th與td用法一樣,只是th能使文字加粗
<html>
    <head>
        <meta charset="utf-8"/>
        <title>個人簡歷</title>
    </head>
    <body>
       <table border="1" width="800px" height="150px" align="center" bgcolor="#000080">
            <tr align="center">
                <th rowspan=3>個人信息</th>
                <th>姓名</th>
                <td>張三</td>
                <th>性別</th>
                <td>男</td>
                <th>婚姻狀況</th>
                <td>未婚</td>
                <th rowspan=3>照片</th>
            </tr>
            <tr align="center">
                <!-- <td>個人信息</td> -->
                <th>出生地</th>
                <td>河北</td>
                <th>戶口</th>
                <td>泊頭</td>
                <th>年月日</th>
                <td>1999/11/11</td>
                <!--<td >照片</td>-->
            </tr>
            <tr align="center">
                <!--<td>個人信息</td>-->
                <th>身份證</th>
                <td colspan=3>000000</td>
                <!-- <td>性別</td>
                <td>男</td> -->
                <th>手機</th>
                <td>151000000</td>
                <!--<td>照片</td>-->
            </tr>
       </table>
    </body>
</html>

表單

input:屬性

  • type: text(文本) 默認

  • password(密碼)
    -radio (單選框)
    -checkbox(復選框)

      <input type="text">
      密碼:<input type="password">
    

單選框

<form>
    <input type="radio" name="sex" value='boy'> 男
    <input type="radio" name="sex" value="girl"> 女
</form>

復選框

你們的愛好:
           <input type="checkbox" name="eat" value='eat'> 吃 
           <input type="checkbox" name='play' value='play'> 玩
           <input type="checkbox" name="loveMe" value='loveMe'> 愛自己
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

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

  • 有序列表(ordered list) 作用: 給一堆內(nèi)容添加有序列表語義(一個有順序整體), 列表中的條目有先后之...
    Jackson_yee_閱讀 486評論 0 1
  • 概述 在網(wǎng)易云課堂學習李南江老師的《從零玩轉HTML5前端+跨平臺開發(fā)》時,所整理的筆記。筆記內(nèi)容為根據(jù)個人需求所...
    墨荀閱讀 2,475評論 0 7
  • 一,HTML語言的一般語法: 1,圍堵標記:<>… 1)帶屬性的標記: … 2)無屬性的標記:加粗 居中 標題 2...
    清水易藍閱讀 1,374評論 0 2
  • 瀏覽器與服務器的基本概念 瀏覽器(安裝在電腦里面的一個軟件) 作用: ①將網(wǎng)頁內(nèi)容渲染呈現(xiàn)給用戶查看。 ②讓用戶通...
    云還灬閱讀 1,284評論 0 0
  • html 表格 table:1. table屬性:- align="center" 居中- align="righ...
    0db50ee67d73閱讀 245評論 0 0

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