前端基础知识点

 新手学习历程之路~冲鸭~

表格 

1.表格不是用来布局 以前用来做页面bug比较多，主要用来显示数据创建表格主要以<table>，<tr>，<td>基本标签表示。

例如：

<table   width="500" border="1"cellspacing="0"cellpadding="0">
      <tr>
              <td>姓名</td>
              <td>性别</td>
              <td>电话</td>
      </tr>
      <tr>
              <td>小王</td>
              <td>女</td>
              <td>110</td>
      </tr>
      <tr>
              <td>小明</td>
              <td>男</td>
              <td>120</td>
      </tr>
</table>

2.表头标签 

1. 表格标题 <caption>必须紧随table标签之后
2. 表格结构<thead>用于定义表格的头部，<tbody>用于主体。

合并单元格：<rowspan> 跨行合并 <colspan>跨列合并 先上后下 先左后右

公式：删除的个数=合并个数-1

3.表单input

1.表单通常由表单控件，提示信息和表单域三部分构成。

目的：为了收集用户信息

<input  />为单标签，type为最基本属性

type:text单行文本输入框

        password密码输入框

        radio单选按钮

        checkbox复选框

        button普通按钮

        submit提交按钮

        reset 重置按钮

        image 图片形式的提交按钮

        file 文件域  

name:由用户定义

value:由用户自定义  

checked:checked定义默认

maxlength:正整数  允许输入的最多字符数

label标签为input元素定义标注
<label for=”male”>male</label>
<input type=”radio” name=”sex” id=”male” value=“male”>

文本域textarea可创建多行文本输入框 为大输入框

4.下拉菜单

下拉菜单
<tr>
<td>年龄</td>
        <td>
             <select  name=""  id="">
                        <option   value="">选择年份</option>
                        <option   value="">1998</option>
                        <option   value="">1999</option>
                        <option   value="">2000</option>
                        <option   value="">2001</option>
               </select>
                <select  name=""  id="">
                        <option   value="">选择月份</option>
                        <option   value=""   selected="selected">1月</option>
                        <option   value="">2月</option>
                        <option   value="">3月</option>
                        <option   value="">4月</option>
               </select>
        </td>
       
</tr>

5.表单域

from标签用于定义表单域，即创建一个表单，实现用户信息的收集

<from   action="url地址" method="提交方式" name="表单名称"></from>

注：method取值为get/post

以上就是我的笔记，小伙伴们可以瞅瞅，老师要求每周发一篇博客 也可以记录一下自己不断学习的历程  共勉！