星空网 > 软件开发 > 网页设计

HTML基础知识笔记(三)

HTML下拉列表框

讲解:

1、value:

<option value="House Blend">House Blend</option>

2、selected="selected"

设置selected="selected"属性,则该选项就被默认选中。

HTML基础知识笔记(三)

下拉列表框进行多选:

下拉列表也可以进行多选操作,在<select>标签中设置multiple="multiple"属性,就可以实现多选功能,在 widows 操作系统下,进行多选时按下Ctrl键同时进行单击(在 Mac下使用 Command +单击),可以选择多个选项。

HTML基础知识笔记(三)

HTML提交按钮

语法

<input  type="submit"  value="提交">

type:只有当type值设置为submit时,按钮才有提交作用

value按钮上显示的文字


HTML重置按钮

语法

<input type="reset" value="重置">

type:只有当type值设置为reset时,按钮才有重置作用

value按钮上显示的文字




HTML Form表单中的lable标签
 

label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)。

语法:

<label for="控件id名称">

注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。

例子:

<body>  <form>   你对什么运动感兴趣:<br/>   <label for="Run">跑步</label>   <input type="checkbox" name="run" id="run" />   <br />   <label for="mountaineering">登山</label>   <input type="checkbox" name="mountaineering" id="mountaineering" />   <br />   <label for="basketball">篮球</label>   <input type="checkbox" id="basketball" placeholder="basketball"/>  </form></body>

 




原标题:HTML基础知识笔记(三)

关键词:HTML

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

去日本入住酒店,东西随意用却有一个特殊“要:https://www.vstour.cn/a/411241.html
中国有哪些著名的酒店品牌。:https://www.vstour.cn/a/411242.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流