HTML学习日记(表单)

tech2025-07-18  2

表单

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

基本结构

<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选择器后代选择器外层的选择器写在前面,内层的选择器写在后面,之间用空格分隔,标签嵌套时,内层的标签成为外层标签的后代子代选择器通过>连接在一起而成,仅作用于子元素属性选择器

选取带有指定属性的元素,或选取带有指定属性和值的元素

 

 

 

最新回复(0)