前端（三）

前端（三）

一、文本域

textarea：
 语法:
<textarea></textarea>
 属性:
   name：控件的名字
   cols：指定文本域的列数，变相设置宽度
   rows：指定文本域的行数，变相设置高度
   readonly：只读
   placeholder：提示语句

二、选项框

两个部分

下拉选项框 滚动列表
语法：
创建下拉列表 <select></select>
创建滚动列表 <option></option>
属性：
select：
    name：控件的名字
    size：设置默认显得选项数量 如果取值大于1的话则为滚动列表
    multiple：形成滚动效果 多选
option：
    selected：默认项

三、关联文本控件

lable元素:

    作用：关联文本于控件
用法：
    第一步：
        使用lable元素将我们需要关联的文字括起来
    第二步：
        在要关联的控件上加上一个id
    第三步：
        在lable元素上使用for属性值填我要关联的控件的id

四、button元素

语法：
    <button></button>
注意： button 放在form表单里面那么就是个提交按钮,
放在之外就是一个普通按钮
ps：button中间是可以放置图片
input控件也可以使用图片 type为image 也是提交的作用

五、浮动框架

作用：可以在一个浏览器窗口中同时显示多个页面文档
语法：
<iframe>内容</iframe>
注意!!：必须是成对的标记
当浏览器不支持的时候 将显示标签中间的内容

属性：
src：网页url 可以自己的html页面也可以是网上的页面
width：宽度
height：高度
frameborder：浮动框架的边框

六、摘要和细节

作用：允许将页面某部分内容进行展示或者收缩
语法：
第一步：定义一个摘要
<details></details>
第二步：确认标题
<summary></summary>
第三步：写内容

七、度量元素

作用：用于显示静态比例的信息
语法：
<meter>文本</meter>
属性：
min：度量范围的最小值 默认为0
max: 度量范围的最大值 默认为0
value:当前显示的度量值

八、时间元素

作用：
用于关联时间的不同表现形式
<time>文本</time>
属性：
datetime：
  关联的日期时间，可以只关联日期，也可以只关联时间,
如果同时要关联时间和日期的话用T分隔

九、高亮文本

作用：将页面中某部分文本，以特殊背景颜色显示出来
<mark>文本</mark>