html-表单项标签type

于 2023-03-27 05:53:15 发布
阅读量70 收藏
点赞数
分类专栏： html 文章标签： html dreamweaver servlet Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_31426093/article/details/129748273
版权 
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>type属性演示</title>
</head>
<body>
  <!--
    type属性
      <input type="text"/> 普通温家宝输入框
      <input type="password"/>
      <input type="email"/>
      <input type="radio"/> 单选框，必须有相同的name属性值，value属性真实提交的数据，checked属性默认选中
      <input type="text"/>多选框，必须有相同的name属性值，value属性真实提交的数据，checked属性默认选中

      <input type="date"/> 日期框
      <input type="time"/> 时间框
      <input type="datetime-local"/> 本地日期时间框
      <input type="number"/> 数字框
      <input type="range"/> 滚动条数值框 min-最小值  mas-最大值  step-步进值
      <input type="search"/> 可清除文本框
      <input type="tel"/> 电话框
      <input type="url"/> 网址框
      <input type="file"/> 文件上传框
      <input type="hidden"/> 隐藏域 value属性设置实际提交值

  -->
  <form action="#" method="get" autocomplete="off">

    <label for="username">用户名：</label>
    <input type="text" id="username" name="username"/><br/>

    <label for="password">密码：</label>
    <input type="password" id="password" name="password "/><br/>

    <label for="email">密码：</label>
    <input type="email" id="email" name="email "/><br/>

    <label for="gender">性别：</label>
    <input type="radio" id="gender" name="gender" value="man"/>男
    <input type="radio"  name="gender" value="women"/>女
    <input type="radio"  name="gender" value="other"/>其他<br/>

    <label for="hobby">性别：</label>
    <input type="checkbox" id="hobby" name="hobby" value="music" checked/>音乐
    <input type="checkbox"  name="hobby" value="game"/>游戏<br/>

    <label for="birthday">生日：</label>
    <input type="date" id="birthday" name="birthday"/><br/>

    <label for="time">时间：</label>
    <input type="time" id="time" name="time"/><br/>

    <label for="insert">注册时间：</label>
    <input type="datetime-local" id="insert" name="insert"/><br/>

    <label for="age">年龄：</label>
    <input type="number" id="age" name="age"/><br/>

    <label for="rang">心情值（1~10）：</label>
    <input type="range" id="rang" name="rang" min="1" max="10" step="1"/><br/>

    <label for="search">可全部清除文本：</label>
    <input type="search" id="search" name="search"/><br/>

    <label for="tel">电话：</label>
    <input type="tel" id="tel" name="tel"/><br/>

    <label for="url">个人网站：</label>
    <input type="url" id="url" name="url"/><br/>

    <label for="file">文件上传：</label>
    <input type="file" id="file" name="file"/><br/>

    <label for="hidden">隐藏信息：</label>
    <input type="hidden" id="hidden" name="hidden" value="ithaima"/><br/>

    <button type="submit">提交</button>
    <button type="reset">重置</button>

  </form>
</body>
</html>
飞鱼( ͡ _ ͡°)ﾉ⚲ ♫
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
php中type是什么意思,HTML中type是什么意思
weixin_36354924的博客
03-12 908
在HTML中，type是类型的意思，是一个标签属性，主要用于定义标签元素的类型或文档(脚本)的MIME类型；例在input标签中type属性可以规定input元素的类型，在script标签中type属性可以规定脚本的MIME类型。本教程操作环境：windows7系统、html5版、Dell G3电脑。type是HTML中的一个标签属性。HTML 标签的 type 属性规定 input 元素的类型...
＜HTML＞＜type＞标签
小李子还挺酸的博客
03-23 1082
style 定义 <style>标签用于为HTML文档定义样式信息 不像title元素，title元素只能放在<head>标签中。 而style元素可以放在HTML文档中的各个部分，并且一个文档可以包含多个style元素。 属性 属性 值 描述 media screen、tty、tv、projection、handheld、print、braille、aural、all 指定样式适用的媒体。 type text/css 指定样式的类型 实例 <html&
HTML标签的type属性
66
03-30 2777
被input的type的imge属性迷惑啦上W3SCHOOL查查原来这样子的^-^ 根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等属性值:值描述button 定义可点击按钮（多数情况下，用于通过 JavaScript 启动脚本）。checkbox 
HTML笔记---type属性
penguin_cheng的博客
08-23 964
值 描述 button 定义可点击按钮（多数情况下，用于通过 JavaScript 启动脚本）。 radio 定义单选按钮。 checkbox 定义复选框。 file 定义输入字段和 "浏览"按钮，供文件上传。 hidden 定义隐藏的输入字段。 image ...
HTML中type类型常用种类
热门推荐
奋斗中的小码农博客
10-27 1万+
button：定义可点击的按钮（通常与 JavaScript 一起使用来启动脚本）。 <input type="button" name="" id="" value="按钮"><br> <br> checkbox：定义复选框。 <br> <input type="checkbox" name="" id="">男<br> ...
参考资料-表-03 单项工程投标报价汇总表.zip
03-03
参考资料-表-03 单项工程投标报价汇总表.zip
jQuery自动添加表单项的方法
10-23
主要介绍了jQuery自动添加表单项的方法,涉及jquery中append方法动态添加表单元素的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
Recyclerview 单行选择----单项选择
10-21
Recyclerview 单行选择----单项选择
2020年CSP-J入门单项选择题解析
最新发布
08-20
这是2020年CSP-J入门单项选择题解析，解析明白，一看就懂。 整理不易，文章出错评论区说，看见必改。 请一键三连，给个五星好评。 小编那么拼，给个赞再撤┗|｀O′|┛ 嗷~~。
vue使用Element组件时v-for循环里的表单项验证方法
08-27
主要介绍了vue使用Element组件时v-for循环里的表单项验证方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
labeL标签中单选按钮的不同代码写法
无
09-28 1401
strong recommend fcc（freecodecamp） labeL标签中单选按钮的不同代码写法 1: <label><input type="radio"name="indoor-outdoor">indoor</label> <label><input type="radio"name="indoor-outdoor">...
＜input /＞控件联合＜label＞标记使用
qq_45744618的博客
12-04 725
input 控件联合label标记
HTML 表单详细介绍
m0_52900946的博客
03-22 3049
  表单主要用于填写信息，由许多表单控件组成的，主要包括用户填写信息部分和表单的提交按钮，用户填写数据完成后，单击“提交”按钮就可以发送数据到服务器，经过后台处理后将用户所需的信息返回到客户端，在浏览器中展示给用户，表单内容由<form> </form>包含 1、表单常用属性   1.1 action属性 ​   指定表单提交表单时向何处发送数据，即需要发送的服务器地址 <form action="form.php"> 各种表单控件 </form
表单项标签的input标签的单选框（radio）
liaowenxiong的博客
11-24 6415
<input type="radio" name="gender" value="male"> 男 <input type="radio" name="gender" value="female"> 女 1.单选框需要注意的是，如果是属于一组的选项，那么 name 属性的值必须相同，才会有单选的效果。如上所示，性别中的男和女两个选项是属于一组的，要么选择男，要么选择女，上面两个 input 标签的 name 属性值都是 gender。 2.单选框提交的值必须通过 value 属性来
HTML基础知识总结
weixin_50053454的博客
02-19 647
块元素 独占一行，可以设置宽高。display:block; form表单 form验证： <form action="http://www.baidu.com/s"> <!-- required 必填 --> <!-- \d正则表达式，代表0-9数字，{1,}1个或多个数字，{11}11位数字，{1,10}1-10位数字 --> <input type="text" name="wd" required pattern="\d.
html语言type,HTML中type是什么意思？
weixin_36382534的博客
06-02 4772
HTML中type是什么意思？下面本篇文章给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。HTML中type是什么意思？type是HTML中的一个标签属性，主要用于定义标签元素的类型或文档(脚本)的MIME类型。【推荐：html在线手册】例：HTML 标签的 type 属性规定 input 元素的类型。HTML 标签的 type 属性规定目标文档的 MIME 类...
HTML学习笔记-表单项标签type属性值
qq_44653420的博客
12-04 4124
表单项标签type属性值 text 普通文本框 password 密码框 email 邮箱框，简单验证 radio 单选框 选项必须有相同的Name属性值，value属性设置实际提交的值。checked属性代表默认选中 checkbox 复选框，选项必须有相同的name属性值，value属性设置实际提交的值，checked属性代表默认选中 date 日期框 time 时间框 datetime-local 时间日
发送get和post请求时常用的content-type
weixin_33753845的博客
05-10 2545
常见的媒体格式类型如下： text/html ： HTML格式 text/plain ：纯文本格式 text/xml ： XML格式 image/gif ：gif图片格式 image/jpeg ：jpg图片格式 image/png：png图片格式 以application开头的...
html Input标签type属性
helloyangkl的博客
02-10 625
html Input标签type属性
el-form-item标签
08-19
el-form-item标签是Element UI库中用于表单的组件，用于包裹表单项（form item）。它通常作为el-form组件的子组件使用，用于布局和验证表单项。 el-form-item标签的主要属性包括： - prop：表单项对应的数据字段名...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值