前端(三)
一、文本域
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>