首页 > 其他分享 >如何制作表单元素

如何制作表单元素

时间:2024-11-28 19:29:09浏览次数:9  
标签:none font button 元素 height HTML 表单 制作

前段时间更新了获取时间和遮罩层等相关知识点的代码,今天我们来写一下如何制作表单元素。

一、制作表单元素跳转

在这里的话我们引用的是百度的网站,只用到了HTML、CSS。

HTML代码:

 <form action="https://www.baidu.com/s"  method="get">

        <input type="text"  name="wd">

        <button type="submit">百度一下</button>

    </form>

公用样式:

*{

    margin: 0;

    padding: 0;

}

body{

    font-family: Arial, Verdana, "Microsoft yahei", "Pingfang SC", Simsun;

}

ul,li,ol{

    list-style: none;

}

.clears{

    clear: both;

    height: 0;

    overflow: hidden;

    font-size: 0;

    line-height: 0;

}

a{

    text-decoration: none;

}

table{

    border-collapse: collapse;

}

button{

    cursor: pointer;

}

input, button, textarea, select{

    outline:none;

}

textarea{

    resize: none;

}

标签:none,font,button,元素,height,HTML,表单,制作
From: https://blog.csdn.net/2301_76282269/article/details/144076770

相关文章

  • 2024-11-28:边界元素是最大值的子数组数目。用go语言,给定一个正整数数组 nums,需要找到
    2024-11-28:边界元素是最大值的子数组数目。用go语言,给定一个正整数数组nums,需要找到满足子数组中第一个和最后一个元素都是该子数组中的最大值的子数组数量。输入:nums=[1,4,3,3,2]。输出:6。解释:总共有6个子数组满足第一个元素和最后一个元素都是子数组中的最大值:......
  • 《内在小孩快乐你才快乐》有声书视频制作完成
    【内在小孩快乐你才快乐:荷欧波诺波诺是什么】https://www.bilibili.com/video/BV1kPmVYeEX9/?share_source=copy_web&vd_source=20bcb7c5926b4b296dd98bcf9a3c655a【内在小孩快乐你才快乐:序】https://www.bilibili.com/video/BV1CPmVYeEw8/?share_source=copy_web&vd_source=20......
  • 《灵魂的出生前计划》有声书视频制作完成
    【灵魂的出生前计划:第一章:疗愈】https://www.bilibili.com/video/BV1h3aSehEPC/?share_source=copy_web&vd_source=20bcb7c5926b4b296dd98bcf9a3c655a【灵魂的出生前计划:第二章:灵性的觉醒】https://www.bilibili.com/video/BV1mqYpeQExH/?share_source=copy_web&vd_source=20bc......
  • 《Quareia魔法学徒第一卷》有声书视频制作完成
    【Quareia魔法学徒第一卷第八课:占星】https://www.bilibili.com/video/BV1H8UnY9ELu/?share_source=copy_web&vd_source=20bcb7c5926b4b296dd98bcf9a3c655a【Quareia魔法学徒第一卷第七课:魔法保护】https://www.bilibili.com/video/BV1w8UnYREPw/?share_source=copy_web&vd_sou......
  • 《零极限第五真言》有声书视频制作完成
    【零极限第五真言:前言】https://www.bilibili.com/video/BV1m41KYUECP/?share_source=copy_web&vd_source=20bcb7c5926b4b296dd98bcf9a3c655a【零极限第五真言:1與源頭分離的現代人】https://www.bilibili.com/video/BV1FsydYgEwJ/?share_source=copy_web&vd_source=20bcb7c5926......
  • leetcode hot100【LeetCode 169. 多数元素】java实现
    LeetCode169.多数元素题目描述给定一个大小为n的数组nums,找到其中的多数元素。多数元素是指在数组中出现次数大于n/2的元素。你可以假设数组是非空的,并且给定的数组总是存在多数元素。示例1:输入:nums=[3,2,3]输出:3示例2:输入:nums=[2,2,1,1,1,2,......
  • 用css给一个元素加边框有哪些方法?
    在CSS中,您可以使用多种方法为元素添加边框。以下是一些常见的方法,并附带示例:1.border简写属性:这是最常用的方法,它允许您在一个声明中设置边框的宽度、样式和颜色。border:2pxsolidred;/*2px宽的红色实线边框*/这个简写属性等同于分别设置border-width、border-s......
  • 654. 大学生HTML5期末大作业 ―【Bootstrap框架家居装饰公司响应式自适应网页】 Web前
    目录一、网页概述二、网页文件三、网页效果四、代码展示1.html2.CSS3.JS五、总结1.简洁实用2.使用方便3.整体性好4.形象突出5.交互式强六、更多推荐欢迎光临仙女的网页世界!这里有各行各业的Web前端网页制作的案例,样式齐全新颖,并持续更新!感谢CSDN,提供了这么......
  • 前端html自定义元素,拓展元素
    拓展基础元素功能用法is使用<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><linkrel="icon"href="/favicon.ico"><metaname="viewport"content="width=device......
  • LeetCode移除元素
    给你一个数组 nums 和一个值 val,你需要 原地 移除所有数值等于 val 的元素。元素的顺序可能发生改变。然后返回 nums 中与 val 不同的元素的数量。假设 nums 中不等于 val 的元素数量为 k,要通过此题,您需要执行以下操作:更改 nums 数组,使 nums 的前 k 个......