zoukankan      html  css  js  c++  java
  • Web前端学习第六天——————HTML、CSS篇.023智能表单

    网站效果:


     

    总结

     1、

    表单分为三个部分每个部分结构为:

    <section>
    <p class="step">第一步,详细信息</p>
    <p class="form-line">
    <span>姓名</span>
    <input type="text" placeholder="请输入姓名" id="" value="" />
    </p>
    <p class="form-line">
    <span>电话</span>
    <input type="number" placeholder="176128000" id="" value="" />
    </p>
    <p class="form-line">
    <span>facebook主页</span>
    <input type="url" name="" id="" value="" />
    </p>
    </section>

    2、

     这里有三个选项所以要写三个input标签

    3、


    补充:

    1、

    点住右下角的 可以把输入框拉大。想要区掉它设置resize:none。

     除此之外还能单独设置某个方向的大小调整:resize:vertical(只能垂直方向改变大小),horizontal水平方向。

     2、

    当鼠标移到提交按钮上时,鼠标变成小手形状,添加提交按钮属性:curso:pointer

      3、outline属性

    outline:none去掉输入框蓝色的光圈。

     

     

    3、

     

  • 相关阅读:
    一次zabbix的渗透
    Tips
    IPy
    文件读取漏洞路径收集
    argparse
    代码审计之配置
    ctf之加密
    内网渗透中的反弹Shell与端口转发
    利用zip(或者phar)协议进行本地文件包含
    104. 二叉树的最大深度
  • 原文地址:https://www.cnblogs.com/dashuaiB/p/15782653.html
Copyright © 2011-2022 走看看