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
来源:追梦博客
文章版权归作者所有,未经允许请勿转载。

共有 0 条评论