| 红尘梦| 红尘醉
在 < 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教程 2326 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代码里面最常用的字体样式代码
4 HTML代码里面有序列表、无序列表、自定义列表的写法以及区别
5 在html代码里面添加自定义css样式,并且将其调用
6 在HTML里面使用表单制作一个简单的登录/注册界面

评论列表

取消回复

随机文章

    • 老款老式租车类企业织梦模版
      • 餐饮类炫酷官网宣传站织梦模版
        • 经典款文化传播传媒类公司织梦模版
          • 新闻资讯博客类响应式织梦模版
            • 机械器械类官网老款织梦模版
  • 分类

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

    PanDownload (1) ARCHPR (1) html表单 (2) 农家乐类企业网站 (1) 资源网模版 (1) 音效 (1) 培训机构 (1) D盾 (1) 华为鸿蒙 (2) 梅花辅助网 (1) 网络建设开发类模版 (6) 新闻模版 (1) 二次元模板 (1) 关键词优化 (1) 小说模板 (1) 化妆品类公司模版 (1) 通用类企业模版 (1) 中老年小视频 (1) 装修类织梦模版 (2) 盛大大财神 (1) WordPress (2) 儿童摄影类织梦模版 (1) 变量名 (1) 实用插件 (1) promap (1) MFLT (1) 织梦CMS (22) QQ跳转浏览器 (1) 政府官网模版 (1) 文章原创保护 (1)
  • Emlog简约资源分享主题

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

    需要就请骚扰我

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

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

    
    
    找回密码

    找回密码

    密码已找回?返回登陆

    用户注册

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

    大家都在搜

    • 网站优化教程
    • 旅游户外公司模版
    • 餐饮行业模板
    • 瞎扯淡
    • 菜刀web版
    • 动漫模板
    • 微软承认监听录音
    • 校园表白墙
    • 短网址
    • 苹果CMS破解模版
    • 福利
    • 自媒体模版
    • 三端影视源码
    • 原创
    • java学习
    • 抖音项目
    • 
    • 