Heim > Web-Frontend > HTML-Tutorial > HTML基础知识笔记(三)_html/css_WEB-ITnose

HTML基础知识笔记(三)_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:33:02
Original
1190 Leute haben es durchsucht

HTML下拉列表框

讲解:

1、value:


2、selected="selected"

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

下拉列表框进行多选:

下拉列表也可以进行多选操作,在

HTML提交按钮

语法

<input   <strong>type="submit"</strong>   value="提交">
Nach dem Login kopieren

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

value按钮上显示的文字


HTML重置按钮

语法

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

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

value按钮上显示的文字



HTML Form表单中的lable标签

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

语法:

<label for="控件id名称">
Nach dem Login kopieren

注意:标签的 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>
Nach dem Login kopieren

 

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage