表单
:注册、登录、个人信息记录...
基本结构
<form method="post" action="result.html">
<p>
名字:<input name="name" type="text" > </p>
<p>
密码:<input name="pass" type="password" > </p>
<p>
<input type="checkbox" name="check" value="" />
</p>
<p>
男:<input type="radio" name="sex" value="" />
女:<input type="radio" name="sex" value="" />
</p>
<p>
<input type="submit" name="" value="登录" />
</p>
<p>
<input type="reset" name="" />
</p>
<p>
<input type="file" name="" value="" />
</p>
<p>
<input type="button" name="" />
</p>
<p>
<input type="submit" name="Button" value="提交">
<input type="reset" name="Reset" value="重填">
</p>
</form>
表单的元素
属性说明type元素类型:text、password、checkbox、radio、submit、reset、file、image和button,默认未textsize元素的宽度,当type或password时maxlengthtype为text或password时,输入的最大字符数checkedtype为radio或checkbox时,指定按钮是否被选中
列表框
<select name="名称" size="行数"> <!--列表框-->
<option value="值" selected="selected"> <!--默认选中项-->
…
</option >
<option value="值">…</option> <!--选项-->
</select>
多行文本域
<textarea name="showText" cols="x" rows="y">文本内容 </textarea>
cols:行数 rows:列数
表单的高级应用
隐藏域:type="hidden"
只读:readonly="readonly"
禁用:disabled="disabled"
CSS高级选择器
名称说明并集选择器多个选择器通过逗号连接而成,同时声明多个风格相同样式交际选择器由两个选择器构成,选中二者范围的交集,两个选择器之间不能有空格,第一个必须是标签选择器,第二个是类选择器或者ID选择器后代选择器外层的选择器写在前面,内层的选择器写在后面,之间用空格分隔,标签嵌套时,内层的标签成为外层标签的后代子代选择器通过>连接在一起而成,仅作用于子元素属性选择器 选取带有指定属性的元素,或选取带有指定属性和值的元素