HTML学习日记（表单）

表单

：注册、登录、个人信息记录...

基本结构

        <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，默认未text
size	元素的宽度，当type或password时
maxlength	type为text或password时，输入的最大字符数
checked	type为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选择器
后代选择器	外层的选择器写在前面，内层的选择器写在后面，之间用空格分隔，标签嵌套时，内层的标签成为外层标签的后代
子代选择器	通过>连接在一起而成，仅作用于子元素
属性选择器	选取带有指定属性的元素，或选取带有指定属性和值的元素