HTML基础知识(10)

2.1 button按钮标签

Ø 场景:在网页中显示用户点击的按钮
Ø 标签名:button
Ø type属性值(同input的按钮系列):

Ø 注意点:
• 谷歌浏览器中button默认是提交按钮
• button标签是双标签,更便于包裹其他内容:文字、图片等

3.1 select下拉菜单

Ø 场景:在网页中提供多个选择项的下拉菜单表单控件
Ø 标签组成:
• select标签:下拉菜单的整体
• option标签:下拉菜单的每一项
Ø 常见属性:
• selected:下拉菜单的默认选中

样式:

代码:

 <select >
        <option >北京</option>
        <option  >上海</option>
        <option >南京</option>
        <option >天津</option>
    </select>

 

3.1.1 textarea文本域

Ø 场景:在网页中提供可输入多行文本的表单控件
Ø 标签名:textarea
Ø 常见属性:
cols:规定了文本域内可见宽度
rows:规定了文本域内可见行数
Ø 注意点:
• 右下角可以拖拽改变大小
实际开发时针对于样式效果推荐用CSS设置

代码

<textarea cols="30" rows="30"   vale>提示内容</textarea>

 

4.1.1 label标签

Ø 场景:常用于绑定内容与表单标签的关系
Ø 标签名:label
Ø 使用方法①:
1. 使用label标签把内容(如:文本)包裹起来
2. 在表单标签上添加id属性
3. 在label标签的for属性中设置对应的id属性值
Ø 使用方法②:
1. 直接使用label标签把内容(如:文本)和表单标签一起包裹起来
2. 需要把label标签的for属性删除即

代码:

姓名:
    <input type="radio" name="sex" id="na"> <label for="na">男</label>

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

 

 

 

 

版权声明:
作者:zhuim521
链接:https://zhuimwl.com/33.html
来源:追梦博客
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
海报
HTML基础知识(10)
2.1 button按钮标签 Ø 场景:在网页中显示用户点击的按钮 Ø 标签名:button Ø type属性值(同input的按钮系列): Ø 注意点: • 谷歌浏览器中button默认是提……
<<上一篇
下一篇>>