| 红尘梦| 红尘醉
在 < input > 标签里面 比较常用的type属性 以及用法 - 站长资源网
  • 首页
  • 网站源码
    • 实用源码
    • 小说源码
    • 游戏源码
    • 导航源码
    • 影视源码
    • 企业门户
    • APP源码
    • 小程序源码
  • 程序模板
    • EMLOG模板
    • 织梦CMS模板
    • 杰奇CMS模板
    • 苹果CMS模板
    • WordPress模板
  • 编程学习
    • JS教程
    • CSS教程
    • HTML教程
    • JAVA学习
    • SQL学习
  • 福利分享
    • 软件分享
  • 技术教程
    • SEO教程
  • 随心笔记
  • 插件工具
    • JAVA工具
    • EMLOG插件
    • 采集规则
  • 更多功能
    • 留言吐槽
    • 文章归档
    • 我的邻居
    • 公告动态
    • 关于博主


登录后,享受更多优质服务哦
大哥! 个人中心退出登录
导航菜单
  • 首页
  • 网站源码
    • 实用源码
    • 小说源码
    • 游戏源码
    • 导航源码
    • 影视源码
    • 企业门户
    • APP源码
    • 小程序源码
  • 程序模板
    • EMLOG模板
    • 织梦CMS模板
    • 杰奇CMS模板
    • 苹果CMS模板
    • WordPress模板
  • 编程学习
    • JS教程
    • CSS教程
    • HTML教程
    • JAVA学习
    • SQL学习
  • 福利分享
    • 软件分享
  • 技术教程
    • SEO教程
  • 随心笔记
  • 插件工具
    • JAVA工具
    • EMLOG插件
    • 采集规则
  • 更多功能
    • 留言吐槽
    • 文章归档
    • 我的邻居
    • 公告动态
    • 关于博主
前端开发HTML教程html表单type属性

在 < input > 标签里面 比较常用的type属性 以及用法

2019/4/3 站长资源网  HTML教程 4071 0

关于<input>标签


      <input>标签在HTML代码里面本身是空的,也就是说单独调用<input>标签是没有任何作用的,而<input>标签常用的属性就是type,而type这个属性也拥有着很多属性,这篇文章主要是介绍一下type属性常用的一些属性 。


常用的type属性


纯文本内容   <input type="text" >
密码纯文本内容   <input type="password">
提交按钮   <input type="submit">
单选框      <input type="radio">
多选框      <input type="checkbox">


比较常用的也就是上面这几种type属性。


text 和 password  的区别


      text 和 password  实际上是一模一样的,他们全部是代表纯文本内容属性,text 属性并不会对输入框内的文本内容进行隐藏,而 password 属性却会对输入框内的文本内容进行隐藏保护,password 属性一般用于密码输入框。

submit 属性的作用


   submit 属性的作用就是把它所在的表单里面的内容提交给服务器

   在单个表单里面正常情况下只会出现一次 submit属性。


radio 属性的介绍 以及代码的写法


     radio 属性的介绍 

     radio 属性代表的是单选框,我们在注册账号的时候,

     一般的话都有一个选择性别的选项,而这个选项是单选的,

      这钟选择框就是单选框,也就是<input>标签通过type调用 radio 属性所达到的效果


      效果演示:


               请选择你的性别:
                 男 女 保密

       

      代码的写法:


<form>
    请选择你的性别<br/>
<input type="radio" name="x"">男
<input type="radio" name="x" >女
<input type="radio" name="x">保密
</form> 


checkbox 属性的介绍 以及代码的写法


      checkbox 属性的介绍:

      checkbox 属性代表的是多选框,在很多网页里面也是可以看到的,例如选择兴趣爱好,很多人不止一种兴趣爱好,而这个时候就会用到checkbox属性来制作一个多选框,写法和单选框radio属性一样的。


       演示效果 :


            你有哪些兴趣爱好?
            书法 篮球 足球


        代码的写法:

      

<form>
    你有哪些兴趣爱好?<br />
<input type="checkbox" name="x">书法
<input type="checkbox" name="x">篮球
<input type="checkbox" name="x">足球
</form> 


后记


     单选框和多选框的前提是他们的选项是在同一个组,我们可以通过 name 属性来设置一个组。


     我上面所说的属性,全部是表单里面<input>标签所使用的 type属性,并不代表在其他标签里面效果也一样。



 点赞:2  打赏  分享  海报

  • 打赏支付宝扫一扫
  • 打赏微信扫一扫
  • 打赏企鹅扫一扫
作者头像 作者名称 作者性别
站长资源网
联系作者 作者主页

热门推荐

1 html网页代码结构的基础布局和介绍
2 HTML代码里面有序列表、无序列表、自定义列表的写法以及区别
3 在html代码里面添加自定义css样式,并且将其调用
4 在HTML里面使用表单制作一个简单的登录/注册界面
5 在HTML代码里面表格的写法以及表格的特性
6 在html代码里面最常用的字体样式代码

评论列表

取消回复

随机文章

    • 华为云服务器免费使用30~60天 限量!
      • 仿站小工具 扒站仿站必备工具 支持模拟环境
        • 淘宝客主题模板 适用于WordPress淘客优惠卷模板
          • 刀贱贱资源博客 全整站网站源码带文章数据源码分享
            • 个人发卡网程序源码开源版 内置4套发卡网下单模板
  • 分类

    • 网站源码
    • 程序模板
    • 插件工具
    • 技术教程
    • 福利分享
    • 编程学习
    • 随心笔记
    • 网络资讯
    • 商城专区
    • 广告商广告
  • 标签

    童装服装展示类源码 (1) V10精仿腾云影视模板 (1) FysPro (1) EMLOG插件 (6) 卡通 (1) 实用源码 (7) 家具类源码 (3) 地图展示 (1) Tadpole (1) 企业源码 (1) 资源网模版 (1) DYBLOG (1) 苹果CMS付费播放 (1) 翻墙 (1) Spimes (1) EMLOG后台模板 (1) 知更鸟模板 (1) wps专业增强版 (1) 博客类模版 (2) 艾K发卡 (1) 古风摄影类 (1) 商城源码 (1) 鸿蒙操作系统 (2) 随机抽取 (1) 采集器 (1) 个人引导页 (4) 恋爱教学 (1) type属性 (1) 百度云盘破解版 (1) java学习 (8)
  • Emlog简约资源分享主题

    • 采用了简约单调的风格
    • 比较适合资源分享网
    • 一反常态的模板风格类型
    • 全站自适应资源网主题
    • 原创制作的第一款EMLOG模板
    0元

    需要就请骚扰我

    立即下载
  • 网站统计 I 当前在线:1人

    • 本站管理:1位
    • 用户总数:818位
    • 置顶文章:6篇
    • 日志总数:492篇
    • 微语总数:0条
    • 评论总数:6560条
    • 标签总数:655条
    • 页面总数:4页
    • 分类总数:33个
    • 链接总数:12条
    • 运行天数:1701天
    • 最后更新:8月1日
  • 用户登陆

    
    
    找回密码

    找回密码

    密码已找回?返回登陆

    用户注册

    
    
    စ
    
    已有账号?返回登陆
    Copyright © 2023站长资源网 程序:Emlog5.31 主题:Meta 3.54
    • 首页
    • 加群
    • 搜索
    • 模板
    • 用户

    大家都在搜

    • 三端影视源码
    • 健身宣传模版
    • 苹果CMS付费播放
    • 幼儿园类织梦模版
    • EMLOG
    • 二级域名分发系统
    • 魔改U调教
    • 邵先森博客
    • 盛大大财神
    • 抢单系统
    • Windows11家庭版
    • 鼠标悬停
    • 瓷砖类模版
    • 三星自燃
    • 苹果CMS破解模版
    • 表白网站
    • 
    • 