美文网首页
表格 表单

表格 表单

作者: 白s圣诞节 | 来源:发表于2018-10-25 08:43 被阅读0次

简写背景属性

background：颜色 图片路径 居中 不重复（no-repeat） 固定(fixed)（没有顺序和数量要求）
background写在background-color 下面 其会被覆盖

表格

<tr> --行 不是table的直接后代而是tbody的直接后代
<td> --列
<th>--表头标签

<body>
    <table>
        <tr>
            <th>c1</th>
            <td rowspan=2>a2</td>  纵向合并两个
     <tr>
        <td>d6</td>

table{
    width:
    margin:0 auto;  (居中)
    /*boder-spacing:0px;*/    
    /*border:1px solid black;*/
    border-collapse:collapse;  只留td边框  边框合并
}
td{
    border:1px solid black;
}
/*基数行变色*/
tr:nth-child(odd){
    background-color:#bfa
}
/*鼠标移动*/:

tr:hover{
background-color:yellow
}

长表格：

<table>
    <thread>
        <tr>
            <td>日期</td>
        </tr>
    </thread>
    <tbody>
        <tr>
            <td>2018.04.01</td>
        </tr>
    </tbody>
    <tfood>
        <tr>
            <td>余额：5000</td>
        </tr>
    </tfoot>

完善clearfix

表单

<body>
    <from action="地址">
         <fieldset>   (分组)
              <legend>用户的信息</legend>
              <label for="um">用户名</label>    (点击用户名三个字也可以选中文本框)
              <input type="text" name="username" value=“文本框的默认值（会在文本框显示）”      placeholder="请输入6-12的字母（提示）" >

              <br/>  换行
              密码<input type="password" name = "password">
          </fieldset>
        
         <br/>
         性别<input type = "radio" name = "gender" value = "male">男
                    <input type = "radio" name = "gender" value = "female" checked = "checked"(默认值)>女
         <br />
         爱好<input type="checkbox" name = "hobby" value = “football”>足球
                   <input type = "checkbox" name = "hobby" value = “blq”>玻璃球
                    <input type = "checkbox" name = "hobby" value = "backetball">篮球
         <br><br>
        你喜欢的明星：
        <select name = “star”>
             <optgroup label = "男">
                 <option value="gaga " selected = "selected">王嘉尔 </option>
                 <option value=" zhangruyun">张若昀</option>
            </optgroup>
            <optgroup label = "女">
              <option value=" zh">赵丽颖</option>
            </optgroup>
        </select>
        <br><br>
       自我介绍<textarea name = "info"></textarea>
       <br><br>
       <input type="sublime" value = "注册">
       <input type="reset" value = "重置">
       <input type = "button" value = "按钮">
       <br><br>
       <button type="sublime">提交</button>
       <button type="sublime">提交</button
       <button type="sublime">提交</button         

  </from>
      
###框架集
不能用<body>   用<frameset>
<frameset cols = "50%,50%">  (分两列   rows行)
    <frame src="表格名" />
    <frame src = "表格名" />
</frameset>

相关文章