HTML5学习笔记-Day2

Day2 表格 表单

<table>
    
    属性

    //align(对齐方式):center、left、right

    //border(边框):”1” 或 ””(无边框)

    //cellpadding(px):单元格与其内容间距

    //cellspacing(px):单元格与单元格间距

<thead>表头区域

    <tr> <th>table head</th> <th>表头单元格</th> </tr>

</thead>

<tbody>

    <tr> <td>table data</td> <td>普通单元格</td> </tr>

<tbody>

</table>



<!--无序列表-->    //ul里面只能放<li>标签

<ul>  <li>li里面什么都能放</li>    </ul>



<!--有序列表-->    //ol里面只能放<li>标签

<ol>  <li>li里面什么都能放</li>    </ol>



<!--自定义列表-->

<dl> 

    <dt></dt>

    <dd></dd>

</dl>



<!--表单-->

<form action=”url” method=”get/post” name=””>

<input type=”text” name=”usename” value=”输入用户名” maxlength=”16”>

<input type=”radio” name=”sex” id=”nan”> <lable for=”nan”>男</lable>

<input type=”radio” name=”sex” id="nv">  <lable for=”nv”>女</lable>

//radio单选，每个选项的name要相同;    checkbox不定项;

<input type=”checkbox” checked=”checked”>我已阅读并同意xxx(默认已选)

<input type=”file” value=”上传头像”>

<input type=”submit” value=”提交表单”>

<input type=”reset” value=”重新填写”> <br>

<select>

    <option selected=”selected”>默认选项</option>

    <option>其它选项</option>

</select>

<textarea cols=”50” rows=”5”>输入文本内容</textarea>

</form>