表格和表单

表格标签

    table标签 : 标记了一块区域,  表示一个表格  

    tr标签 : 表格的行,  无法设置宽度,  可以设置高度

    td标签 : 所有的表格内容写在td里,宽度和高度都可以设置,  td会覆盖tr

    th标签 : 把td加粗居中

          属性 : width / height

                    border   黑色边框

                    align    居中center   居左left   居右right      align="left"

   thead是表格的头部<thead></thead>

   tbody是表格的主体

   tfoot是表格的尾部

   caption表格的标题

 

表单内容 : 普通文本框,  密码框,  单选,  复制框,  下拉框,  文件域,  颜色选择框,  隐藏等等

     表单标签 : form定义一个表单区域

              <form></form>

     表单作用 : 给服务器

     表单提交 :

              按钮 : 1 . input    2 . button

 

<form >
            文本框:<input type="text" name="用户名" value=""><br>
            密码框:<input type="password" name="密码" value=""><br>
            单选框:<input type="radio" name="sex" value="1">男<input type="radio" name="sex" value="2">女<input type="radio" name="sex" value="3">无<br>
            复选框:<input type="checkbox" name="xl" value="1">小学<input type="checkbox" name="xl" value="2">中学<input type="checkbox" name="xl" value="3">大学<br>
            下拉框:<br>
                  选择:
                  <select name="选项" value="">
                      <option value="1">选项一</option>
                    <option value="2">选项二</option>
                    <option value="3">选项三</option>
                  </select><br>
        <!-- 登录按钮 -->
        <input type="button" name="" id="" value="登录" />
        <button>登录</button>
        <input type="submit" name="" id="" value="提交信息" />
        <input type="reset" name="" id="" value="重置信息" />
        </form>

下拉框默认选择值   selected

<option value="3" selected>选项三</option>

表单提交到什么位置 : action   1.服务端接口  2.html页面

         默认提交到自身

     提交之后如何跳转 : target    _self   _blank

     提交方式 : method     默认是 get       还有post

<form action="new2.html" target="" method="">