css表单

作者: Cyj___ | 来源:发表于2018-07-13 09:36 被阅读0次

表单的基本设置

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

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

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


image.png
image.png

action 提交表单到服务器的地址,(后台服务的地址)
创建文本框 : 用户名<input type = "text" name = "username">
创建搜索,提交按钮 <input type = "submit" value="提交">
文件上传,可以接受到二进制的 <method="post" enctype="multipart/from-date">

密码框    <input type="password"  name = "pwd">
单选框     <input type="radio" name = "gender" >
多选框      <input typ所 ="checkbox" name = sports>
文本框里如果有value他会当做默认值 会直接提交默认值;
提示信息   placeholder = "用户名/邮箱/手机号"
下拉框   例如:   你喜欢的明星
<select  name = "start" id=" ">
<option value = "ym">杨幂 </option>
</select>
默认明星  selected = "selected"
多选明星  multiple = "multiple"
select  用于创建一个下拉框;
option 表示下拉列表中的列表项;
optgroound  用于为列表项分组,分组女明星lable指定分组的名字;
文本域 多行文本框
<textarea></textarea>
--- cols   文本域的列数;     --- rows 文本域的行数;
例如:    自我介绍<textarea name = "info"></textarea>
注册  <input type = "submit" value = "注册">
重置按钮,恢复到默认值或最原始;
<input type = "reset">重置按钮   
只是一个按钮  <input type = "buton" value = "按钮">
建立一个新的提交
<button type="submit">提交 </button>
<lable for = "pwd">密码</lable>
<input id = "pwd" type = "passworld" name= "password">
for 起的是指向作用;   href 目标地址
fieldset 用来为列表项进行分组
legend 用来指定每组的名字
lable 标签用来表示为列表项定义描述文字;
框架集
<frameset>不能和<body>出现在同一个页面中,包含外部页面,,字节数标签。
例如 :<frameset>
      <frame src = "路径">
      </frameset>
如果引入两个页面就给他加样式;
例如:<frameset cols = "50% 50%">
一个<frame>就是一个页
里面的内容都不会再搜索引擎所引入。
图片的修复
fix 修复的方法;
js 的代码要编写到<scrip>标签中
一般将<scrip>标签写到head里面(和style标签有点像)
--type  默认值  text/javescrip
--src  需要 引入一个外部js文件  指向文件的地址
if 如果  <end if>  结束  

修复clearfix

image.png
image.png

条件Hacl

image.png

相关文章

  • Css样式属性,表单,部分HTML5标签

    Css样式属性 1.CSS设置文本样式 2.CSS设置图片,背景 表单 表单起到与网页访问者进行交互,与向服务器发...

  • HTML和CSS

    表单标签 表单标签(下拉菜单和多行文本域) 空白标签 认识css css选择器 伪类选择器

  • 原生JS表单美化

    1.表单美化—单选框 html结构 css样式 js代码 2.表单美化—复选框 html结构 css样式 js代码...

  • day22 常用标签和CSS

    01表单标签(input) 02表单标签(下拉和多行文本域) 03空白标签 04 认识CSS 05CSS选择器 0...

  • css表单

    表单的基本设置 可以给一个元素设置多个样式; 表单:例如百度的搜索框; 作用:把用户信息提交给服务器;使用 fro...

  • css表单

    表单的作用:收集客户端信息,然后提交到服务器。 表单标记 action属性值为空,代表提交给自身。 必须为所有表单...

  • CSS 表单

  • Python小白学习进行时---css基础(2018-7-011

    一、表单标签 二、div和span 三、css基础 四、css选择符 五、组合选择器 六、伪类选择符 一、表单标签...

  • Day2 常用标签和css

    01.表单标签 02.表单标签(下拉和多行文本域) 03.空白标签 04.认识css 05.css选择器 06.伪...

  • 5. JavaScript开发基础——CSS知识

    5.1 CSS的相关概念 CSS 是英文 Cascading Style Sheets(层叠样式表单)的缩写,通常...

网友评论

      本文标题:css表单

      本文链接:https://www.haomeiwen.com/subject/atzdpftx.html