表单元素1

最新推荐文章于 2024-01-25 06:00:00 发布
最新推荐文章于 2024-01-25 06:00:00 发布
阅读量38 收藏
点赞数
文章标签： html 前端 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/korey__/article/details/126130884
版权

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <link rel="stylesheet" href="./css/day17作业.css">

</head>

<body>

    <div class="wrap">

        <form action="https://www.baidu.com/" target="_blank">

            <table>

                <tr>

                    <td>昵称</td>

                    <td>

                        <input type="text" placeholder="请输入昵称" autofocus required>[自动获取焦点，验证不能为空]

                    </td>

                </tr>

                <tr>

                    <td>预约码</td>

                    <td>

                        <input type="text" placeholder="请输入预约码" pattern="[0-9]">[验证码只能是1-9的数字]

                    </td>

                </tr>

                <tr>

                    <td> 手机号码</td>

                    <td>

                        <input type="text" placeholder="请输入 手机号码" autocomplete="off">[验证手机号-关闭自动完成]

                    </td>

                </tr>

                <tr>

                    <td>电子邮箱</td>

                    <td>

                        <input type="email" placeholder="请输入电子邮箱" autocomplete="off">[验证格式是否是电子邮箱]

                    </td>

                </tr>

                <tr>

                    <td> 个人博客</td>

                    <td>

                        <input type="url" placeholder="请输入个人博客地址" autocomplete="off">[验证url输入域]

                    </td>

                </tr>

                <tr>

                    <td> 最喜欢的颜色</td>

                    <td>

                        <input type="color" value="#ff0000">[颜色输入域]

                    </td>

                </tr>

                <tr>

                    <td>预约日期</td>

                    <td>

                        <input type="date" value="2022-08-02">[日期选择器]

                    </td>

                </tr>

                <tr>

                    <td>预约时间</td>

                    <td>

                        <input type="time" value="19:21">[时间选择器]

                    </td>

                </tr>

                <tr>

                    <td> 上传身份证件+电子报告</td>

                    <td>

                        <input class="a1" type="file">

                    </td>

                </tr>

                <tr>

                    <td> <input type="checkbox"></td>

                    <td>

                        是否同意网站条款

                    </td>

                </tr>

                <tr>

                    <td></td>

                    <td>

                        <input type="submit" value="点我预约">

                    </td>

                </tr>

            </table>

        </form>

    </div>

</body>

</html>

岄.
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端学习（205）:animation动画库
歌谣的博客
12-24 427
动画库 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...
JavaScript实现动态添加Form表单元素的方法示例
10-19
1. `getElementById('add_jietu')`：获取id为`add_jietu`的`div`元素，也就是我们要克隆的表单元素。 2. `parentNode`：获取`add_jietu`元素的父元素，我们需要将克隆的元素添加到这个父元素中。 3. `cloneNode()`：...
使用CSS自定义属性实现页面的主题切换
jimojianghu的专栏
04-29 2641
CSS自定义属性(Custom Properties)，在一个css选择器内部进行定义，使用两个短横连接线 `--` 作为开头命名的名称即被称为自定义属性。
使用CSS 或 SASS 实现主题背景切换效果
最新发布
m0_64642443的博客
01-25 2293
现在的主流网站中，无论是一些技术文档获取官网，都存在着使用一个switch按钮实现主题背景切换的一个效果，那么这种效果是怎么实现的呢？
CSS主题切换方案说明
weixin_34403976的博客
07-01 1535
CSS主题切换方案说明
24 主题切换
正在创作系列：【若冰说CSS】
01-07 1054
实现了一个主题切换功能，当用户点击主题切换按钮时，背景颜色和文字颜色会随之改变，同时主体内容的背景颜色会从暗色变为浅色，文字颜色会从黑色变为白色。当用户再次点击主题切换按钮时，背景颜色和文字颜色会再次改变，同时主体内容的背景颜色会从浅色变为暗色，文字颜色会从白色变为黑色。
javascript实现的动态添加表单元素input,button等(appendChild)
10-30
在JavaScript中，动态添加表单元素是一种常见的需求，特别是在构建交互式Web应用时。`appendChild`方法是DOM操作中的关键部分，它允许我们在文档结构中插入新的元素。以下将详细介绍如何使用JavaScript动态添加表单...
5. 高级界面开发4表单元素1.rar
02-13
高级界面开发4表单元素1.rar" 提示我们这是一个关于J2ME（Java 2 Micro Edition）高级界面设计的教程，重点在于表单元素的开发。在J2ME中，界面开发对于创建交互式移动应用至关重要，而表单元素则是用户与应用进行...
jquery 表单下所有元素的隐藏
10-29
这里的关键知识点是form1.elements的使用，它获取了对应表单元素内包含的所有子元素的集合。这个集合是一个类数组对象，包含了表单内的所有输入控件，比如文本框(input type="text")、按钮(input type="button")等。...
jquery bootstrap 下拉多选框
03-19
jquery bootstrap 下拉多选框 demo 实现 yeah yeah yeah
使用bootstrap实现多选下拉框
04-23
使用bootstrap实现多选下拉框
利用Bootstrap Multiselect实现下拉框多选功能
11-29
利用Bootstrap Multiselect实现下拉框多选功能,并在点击事件中获取到所有选中option的value值 首先展示项目案例: 多选下拉框功能实现.gif 下面是所有完整的代码,重点以及主要的解释已经在代码内进行注释: 引入的css、js文件需要从github中下载:https://github.com/davidstutz/bootstrap-multiselect 插件依赖jQ和bootstrap,所以在引入插件之前需要先引入这jQ和bootstrap的css和js文件。 <!DOCTYPE html> <html lang="en"> <head> <meta
css的主题,CSS主题切换
weixin_35688459的博客
08-04 500
css@import url("https://fonts.googleapis.com/css?family=Merriweather:400,400i,700");* {box-sizing: border-box;}body {font-family: Merriweather, serif;}label,main {background: var(--bg, white);color: v...
css主题切换
weixin_小白鼠的博客
09-19 895
css主题切换的实现，不同的方式的具体实现以及不同的方式的选择；CSS变量+类名切换，CSS变量+动态setProperty，SASS的mixin混入+类名切换等主流实现方案
css前端主题切换方案(三种)
qq_39460057的博客
12-14 1264
【代码】css前端主题切换方案(三种)
css 切换主题 （通过js改变css的值）
qq_33040483的博客
01-29 251
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>切换主题</title> </head> <style> :root { --text-col: #b53838 } :root[theme='dark'] { --text-col: #16cd4.
字体压缩
wangzai888的博客
12-11 3441
字体压缩 一. 在一个项目中，一定要用到华康娃娃体做一个效果，但是这个字体下下来有2.55MB，这显然是不行的，于是上网找了一波干货，如下： 字体压缩的原理就是你要使用的字符单独拿出来，不用的就不包含，这样就可以使得字体文件更小 方法一： 字体按需压缩网站 先来看看这个网站的使用，有一个框，里面说只支持zip压缩格式。其实只要一个你的字体文件，再加上一个html文件，两个通过zip格式压缩，然后拖...
JQuery表单元素取值赋值操作详解
"这篇文档是关于JQuery中对表单元素进行取值和赋值的总结，主要包括普通文本框、单选按钮的操作方法，并通过示例代码进行了详细讲解，适用于学习JQuery操作表单的初学者参考。" 在网页开发中，jQuery是一个强大的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值