day9-李大人part1

• day9

快捷键：

ctrl+F：快速查找所需要的内容（应用在编辑器，网站，控制台）

前端搜索词典：MDN

一：表单新增：

• 单选框： 单选内容

name值一样才可以互斥

• 多选框 多选内容

• 下拉列表

<select>
    <option>下拉内容</option>
 </select>

• 多行文本域 内联块元素

  <textarea name="提交的信息" cols="" rows="" ></textarea>
  

  rows属性和cols属性用来设置文本输入窗口的高度和宽度，单位是字符

• 文件上传

  默认选择 checked

  禁止选择 disabled

  下拉列表默认选择 selected

  阻止浏览器对窗口的拖动设置:{resize:none;}（css属性）

• 绑定信息 label 点击字的时候 也能选择到圈，for属性指向id名

  关联文本与控件，提高用户体验

   <label for="woman"> 
       女<input type="radio"  name="sex id="woman"> 
    </label>  
  

• 表单字段集
  disabled定义空间禁制可用

​ legend元素必须是fieldset内的唯一个元素。

  <fieldset>
       <legend>字段集标题</legend>
        表单元素
  </fieldset>    

二，表格新增

• 表格标题 caption

• 表格列标题

 <thead>
            <tr>
                <th>水果</th>
                <th>单价</th>
                <th>数量</th>
            </tr>
  </thead>

​ 表格行分组 ：

​ 表头 一般只有一组
​ 表体 可以有多组
​ 表尾 一般只有一组

三：表格css代替

• 单元格间距 border-spacing:数值+px

  (该属性必须给table添加)

  表示单元格边框之间的距离， 不可取负值

• 合并相邻单元格边框 border-collapse:separate/collapse;

  (该属性必须给table添加)

  separate(边框分开)默认值；

  collapse(边框合并)

• 无内容时单元格的设置 empty-cells:show/hide;

  是否显示该单元格的边框区域；show：显示 ；

  hide：隐藏；

• 显示单元格行和列的算法(加快运行的速度)： table-layout:auto/fixed

  在自动表格布局中，列的宽度是由列单元格中没有折行的最宽的内容设定的

  在固定表格布局中，水平布局仅取决于表格宽度、列宽度、表格边框宽度、单元格间距，而与单元格的内容无关。

ble-layout:auto/fixed**

在自动表格布局中，列的宽度是由列单元格中没有折行的最宽的内容设定的

在固定表格布局中，水平布局仅取决于表格宽度、列宽度、表格边框宽度、单元格间距，而与单元格的内容无关。