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表单

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