<input type ="checkbox" checked="checked" />
<input type="radio" name="sex" />男
<br />
<input type="radio" name="sex" />女
<br />
<input type="radio"name="sex" />其它
通过name分组,同一个NAME间互斥
select中的项是<option>
<select> comobox
<option>北京</option>
<option>上海</option>
<option>苏州</option>
</select>
<select size="3"> --listbox
<option>北京</option>
<option value=1>上海</option>
<option>苏州</option>
</select>
默认选择哪个
<option value="2" selected="selected">上海</option>
默认选择2个
<label for="name" >姓名:</label> <input id="name" type="text" />
<label for="ma" >婚否:</label> <input id="ma" type="checkbox" />
label for 即对对应的控件起作用
<fieldset> --包着text控件,比较规整一些
<legend>标题</legend>
<input type="text" />
<br />
<input type="text" />
<br />
<input type="text" />
</fieldset>
css是描述元素的皮肤(内联的方式比直接声明的方式等级高)
1.内联 <input type="text" value="CSSyangshi" style="background-color:red;border-color:green ;text-align:center" />
2.嵌入
3.外部引用
div 将内容放到层中,就可以将这些内容做为一个整体来使用
做一个整体使用,非常像Panel
DIV:定义一个四方块,会影响布局,
span:只是把一段内容定义成一个整体进行操作,但不影响到布局
<div style="border-color:red;border-width:2px;border-style:double;width:50px">你好哇</div>
<div style="cursor:pointer;color:blue"><u>nihao</u></div> //模拟点击效果
<li style="list-style-type:none"> //不显示li前的点
三种选择器:
1.标签
P strong {
background-color:yellow;
}
H1, H2, input {
background-color:red;
}
p标签里的strong标准的样式
2.class 在名字前加.
label.accout {
font-style:italic;
}
<input class="accout" type="text" value="xxxxxxxx"/>
3.id 用#
#username {
font-size:xx-large;
}
<input id="username" type="text" value="aaaaaaaaaaaaaaa" />
<input type="radio" name="sex" />男
<br />
<input type="radio" name="sex" />女
<br />
<input type="radio"name="sex" />其它
通过name分组,同一个NAME间互斥
select中的项是<option>
<select> comobox
<option>北京</option>
<option>上海</option>
<option>苏州</option>
</select>
<select size="3"> --listbox
<option>北京</option>
<option value=1>上海</option>
<option>苏州</option>
</select>
默认选择哪个
<option value="2" selected="selected">上海</option>
默认选择2个
<label for="name" >姓名:</label> <input id="name" type="text" />
<label for="ma" >婚否:</label> <input id="ma" type="checkbox" />
label for 即对对应的控件起作用
<fieldset> --包着text控件,比较规整一些
<legend>标题</legend>
<input type="text" />
<br />
<input type="text" />
<br />
<input type="text" />
</fieldset>
css是描述元素的皮肤(内联的方式比直接声明的方式等级高)
1.内联 <input type="text" value="CSSyangshi" style="background-color:red;border-color:green ;text-align:center" />
2.嵌入
3.外部引用
div 将内容放到层中,就可以将这些内容做为一个整体来使用
做一个整体使用,非常像Panel
DIV:定义一个四方块,会影响布局,
span:只是把一段内容定义成一个整体进行操作,但不影响到布局
<div style="border-color:red;border-width:2px;border-style:double;width:50px">你好哇</div>
<div style="cursor:pointer;color:blue"><u>nihao</u></div> //模拟点击效果
<li style="list-style-type:none"> //不显示li前的点
三种选择器:
1.标签
P strong {
background-color:yellow;
}
H1, H2, input {
background-color:red;
}
p标签里的strong标准的样式
2.class 在名字前加.
label.accout {
font-style:italic;
}
<input class="accout" type="text" value="xxxxxxxx"/>
3.id 用#
#username {
font-size:xx-large;
}
<input id="username" type="text" value="aaaaaaaaaaaaaaa" />