HTML基础控件介绍_动力节点Java学院整理

2020-04-15 21:57:15易采站长站整理

 

示例 

<label>标签

相当于一个展示文本框。

属性

for {elementID}:关联对应的控件id;当点击此label标签时,绑定id的控件会获取焦点;
 


<table>
<tr>
<td><label for='username'>姓名:</label></td>
<td><input type="text" id='username'/></td>
</tr>
<tr>
<td><label for='userpwd'>密码:</label></td>
<td><input type="password" id='userpwd' /></td>
</tr>
</table>

示例

<fieldset>标签

类似于winform中的groupBox控件。

item子项

<legend></legend>:表示抬头的名称。
 


<h3>fieldset标签</h3>
<fieldset style='width:130px' >
<legend>性别</legend>
<input type="radio" name='sex' value='boy' />男
<input type="radio" name='sex' value='girl' />女
</fieldset>

示例

ul、ol、li 列表标签

ul :unordered list (无序列表)

ol :ordered list  (有序列表))

li :list item (列表项目),基于上面2个列表子项目。
 

代码示例:
 


<ul type=circle>
<li>ul1</li>
<li>ul2</li>
<li>ul3</li>
</ul>
<ol type=1>
<li>li1</li>
<li>li2</li>
<li>li3</li>
</ol>

属性

type  {string}:定义了<li> 标签前面的符号样式。

ul:type 有:circle 空心圆,disc 实心圆,square 实心正方形, none :前面无符号;

ol:type 有:1 :表示有序的1,2,3; a :表示有序的a,b,c;i :罗马数字i,ii,iii;虽然还可以定义为:circle、disc、square、none但现实都为1,2,3等序列;