2021-06-20 表单详解
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>表单的介绍</title>
</head>
<body>
<h1>注册</h1><!--表单form
action:表单提交的位置,可以是网站,也可以是请求
method:post,get 提交方式
get不安全,高效,不能传输大文件
-->
<form action="1我的第一个网页.html" method="post">
<p>名字:<input type="text" name="uesername" placeholder="请输入用户名" required></p>
<p>密码:<input type="password" name="psw"></p><!--单选框 name表示同一组才可单选--><p>性别: <input type="radio" value="boy" name="sex"/>男<input type="radio" value="girl" name="sex"/>女</p>
<!--多选框-->
<p>爱好:<input type="checkbox" value="sleep" name="hobby">睡觉<input type="checkbox" value="code" name="hobby" checked>敲代码<input type="checkbox" value="chat" name="hobby">聊天<input type="checkbox" value="game" name="hobby">游戏</p><!--按钮--><p><input type="button" name="btn1" value="点击变大"><input type="image" src="2.jpg" name="img" value=""></p><!--下拉框,列表框--><p>国家:<select name="列表名称" ><option value="china">中国</option><option value="usa">美国</option><option value="sweedin" selected>瑞士</option><option value="greece">希腊</option></select></p><!--文本域--><p>反馈:<textarea name="textarea" cols="50" rows="10">文本内容</textarea></p><!--文件域,上传文件--><p><input type="file" name="files"><input type="button" name="upload" value="上传"></p><!--邮件验证--><p>邮箱:<input type="email" name="emails" required></p><!--url验证--><p>URL:<input type="url" name="url"></p><!--数字验证--><p>数字:<input type="number" name="num" max="100" min="0" step="10"></p><!--滑块--><p>滑块:<input type="range" name="ranges" min="0" max="100" step="1"></p><!--搜索框--><p>搜索:<input type="search" name="search"></p><p>自定义邮箱:<input type="text" name="diymail" pattern="^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$"></p><p> <input type="submit"><input type="reset"> </p>
</form></body>
</html>
2021-06-20 表单详解相关推荐
- js入门·表单详解一(修改表单属性,修改表单元素值)
实在javascript入门·Document对象入门讲解(访问表单,创建新页,获取页标题) 一文中,我们已经把表单的一些基本访问等弄清楚了,下面我们深入的学下表单的属性以及对表单元素的简单操作! 演 ...
- form提交后台注解拿不到数据_Form表单详解
主要内容Form表单.表单元素.表单元素的属性.HTML5新增type类型和HTML新增属性 知乎视频www.zhihu.com 知乎视频www.zhihu.com 知乎视频www.zhihu. ...
- Form 表单详解:案例、CSS 美化
本文要点: 常见表单 表单的性质 表单CSS美化 使用 radio 实现 Tab 选项卡 什么是表单 用户通过表单填写信息,然后通过计算机网络传送给服务器.表单标签不是一个标签,而是一组标签,因为不同 ...
- 菜鸟教程:HTML表单详解
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 前言 一.表单元素form 二.form元素的属性 1.action 2.method 3.enctype 4.注意事项 三 ...
- HTML第三章 form表单(详解,内含详细代码示例)
目录 1.特点 2. 表单的语法和属性 3. input元素 4. select和下拉选择框 5. textarea多行文本域 6.label关联控件 每日一句 1.特点 提供了一些可视化的输入控件 ...
- Discuz3.数据库数据表字典详解(完整版)
Discuz3.数据库数据表字典详解(完整版) 转自:https://discuzt.cr180.com/discuzcode-db.html pre_common_admincp_cmenu后台菜单 ...
- 大数据单机学习环境搭建(5)Hive建表DDL详解
专题:大数据单机学习环境搭建和使用 1. Hive建表简单示例 1.1.Hive建表语句 1.2.表详细信息 1.3.数据展示 2. Hive建表语法详解 3.拓展1:复杂数据分割 4.拓展2:事务表 ...
- c语言线性表库函数大全,数据结构(C语言版)-线性表习题详解
<数据结构(C语言版)-线性表习题详解>由会员分享,可在线阅读,更多相关<数据结构(C语言版)-线性表习题详解(23页珍藏版)>请在人人文库网上搜索. 1.数 据 结 构 ,线 ...
- PPC注册表修改详解集合
PPC注册表修改详解集合 没事情做,发个帖子..转发的,不知道原作者是谁了,向他(们)致敬 手机 手机社区 手机论坛 手机游戏 主题 电子书 主题 软件 电子书 铃声 图片 手机证书 刷机 技术测评 ...
- python代码案例详解-第7.20节 案例详解:Python抽象类之真实子类
第7.20节 案例详解:Python抽象类之真实子类 上节介绍了Python抽象基类相关概念,并介绍了抽象基类实现真实子类的步骤和语法,本节结合一个案例进一步详细介绍. 一. 案例说明 本节定义了图形 ...
最新文章
- Latex快速入门, Windows 安装使用编译技巧归纳
- 【错误记录】Android 应用配置第三方 so 动态库 ( /data/app/comxxx==/base.apk/lib/arm64-v8a]couldn‘t find “libx.so“ )
- HTML边框为零,html – 保证金,填充,边框全部为零后仍有空格?
- 《MySQL——锁》
- 【HDU - 3410 】 Passing the Message(单调栈)
- 自动驾驶——标注工具的开发笔记(legacy)
- OpenCv色彩通道分离与融合
- hdu -1251 统计难题(字典树水题)
- Access导入SQL2005
- Python数据挖掘框架
- win10 UEFI引导恢复
- 【Drools】Drools使用入门(一)Drools上手教程(包括动态加载规则文件)
- 微信公众号添加html,网站中增加微信公众账号链接的方法
- C语言有哪些冷知识?
- Oracle 运维篇+进程追踪调试(AIX系统)
- 函数对称性常见公式_函数的对称性的常用结论
- 一款免费的截图、滚动截屏软件
- 基于FPGA的数字识别实现
- 什么是堡垒机?堡垒机的作用?
- html5 td上下居中显示,css表格垂直居中怎么设置?