css表单

表单的基本设置

可以给一个元素设置多个样式;

表单:例如百度的搜索框;

作用:把用户信息提交给服务器;
使用 from 标签来创建一个表单;


css表单_第1张图片
image.png

css表单_第2张图片
image.png

action 提交表单到服务器的地址,(后台服务的地址)
创建文本框 : 用户名
创建搜索,提交按钮
文件上传,可以接受到二进制的

密码框    
单选框     
多选框      
文本框里如果有value他会当做默认值 会直接提交默认值;
提示信息   placeholder = "用户名/邮箱/手机号"
下拉框   例如:   你喜欢的明星

默认明星  selected = "selected"
多选明星  multiple = "multiple"
select  用于创建一个下拉框;
option 表示下拉列表中的列表项;
optgroound  用于为列表项分组,分组女明星lable指定分组的名字;
文本域 多行文本框

--- cols   文本域的列数;     --- rows 文本域的行数;
例如:    自我介绍
注册  
重置按钮,恢复到默认值或最原始;
重置按钮   
只是一个按钮  
建立一个新的提交

密码

for 起的是指向作用;   href 目标地址
fieldset 用来为列表项进行分组
legend 用来指定每组的名字
lable 标签用来表示为列表项定义描述文字;
框架集
不能和出现在同一个页面中,包含外部页面,,字节数标签。
例如 :
      
      
如果引入两个页面就给他加样式;
例如:
一个就是一个页
里面的内容都不会再搜索引擎所引入。
图片的修复
fix 修复的方法;
js 的代码要编写到标签中
一般将标签写到head里面(和style标签有点像)
--type  默认值  text/javescrip
--src  需要 引入一个外部js文件  指向文件的地址
if 如果    结束  

修复clearfix

css表单_第3张图片
image.png

css表单_第4张图片
image.png

条件Hacl

css表单_第5张图片
image.png

你可能感兴趣的:(css表单)