有关input标签的详解

Input表示Form表单中的一种输入对象,其又随Type类型的不同而分文本输入框,密码输入框,单选/复选框,提交/重置按钮等,下面一一介绍。1,type=text输入类型是text,这是我们见的最多也是使用最多的,比如登陆输入用户名,注册输入电话号码,电子邮件,家庭住址等等。当然这也是Input的默认类型。参数name:同样是表示的该文本输入框名称。参数size:输入框的长度大小。参数maxlength:输入框中允许输入字符的最大数。参数value:输入框中的默认值特殊参数readonly:表示该框中只能显示,不能添加修改。

登录后复制2,type=password不用我说,一看就明白的密码输入框,最大的区别就是当在此输入框输入信息时显示为保密字符。参数和“type=text”相类似。3,type=file当你在BBS上传图片,在EMAIL中上传附件时一定少不了的东西:)提供了一个文件目录输入的平台,参数有name,size。4,type=hidden非常值得注意的一个,通常称为隐藏域:如果一个非常重要的信息需要被提交到下一页,但又不能或者无法明示的时候。一句话,你在页面中是看不到hidden在哪里。最有用的是hidden的值。alert(“隐藏域的值是 “+document.form1.yourhiddeninfo.value)5,type=button标准的一windows风格的按钮,当然要让按钮跳转到某个页面上还需要加入写JavaScript代码6,type=checkbox多选框,常见于注册时选择爱好、性格、等信息。参数有name,value及特别参数checked(表示默认选择)其实最重要的还是value值,提交到处理页的也就是value。(附:name值可以不一样,但不推荐。)name值可以不一样,但不推荐
7,type=radio即单选框,出现在多选一的页面设定中。参数同样有name,value及特别参数checked.不同于checkbox的是,name值一定要相同,否则就不能多选一。当然提交到处理页的也还是value值。下面是name值不同的一个例子,就不能实现多选一的效果了
注释:如果name的值不一样,作用和checkbox差不多。8,type=image比较另类的一个,自己看看效果吧,可以作为提交式图片9,type=submit and type=reset分别是“提交”和“重置”两按钮submit主要功能是将Form中所有内容进行提交action页处理,reset则起个快速清空所有填写内容的功能。

以上就是有关input标签的详解的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3196478.html

(0)
上一篇 2025年4月1日 03:02:27
下一篇 2025年3月6日 06:15:56

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • BUTTON标签和INPUT标签的区别

    一句话概括主题:具有相同的作用但是在可操控性方面更加强大。 HTML 4.01规范的Forms部分指名表单有以下几种控制类型:buttons, checkboxes, radio buttons, menus, text input, fi…

    2025年4月1日 编程技术
    100
  • Html中的map标签

    图像的影像, 标签浅谈 在HTML中还可以把划分成多个热点区域,每一个热点域链接到不同网页的资源。这种效果的实质是把一幅图片划分为不同的热点区域,再让不同的区域进行超链接。这就是影像地图。要完成地图区域超链接要用到三种标签: ;&#8211…

    2025年4月1日 编程技术
    100
  • HTML Map 标签的使用

    今天看到京东的一个营销活动,左侧浮动浮动是用html 中的map标签写的,因此有了这篇记录的文章。 直接上图如其中的大家电 @@##@@ 登录后复制 顺便在摘抄了一些相关资料奉上: HTML 标签 带有可点击区域的图像映射; 立即学习“前端…

    2025年4月1日
    100
  • html:mark标签的使用详解

    mark标签: mark元素表示页面中需要突出或高亮显示的内容,在搜索结果中也常常出现,比如检索结果中的关键词高亮显示。 案例: nbsp;HTML>HTML5每日一练之mark标签的应用HTML5|CSS3|论坛 | 前端开发!HT…

    编程技术 2025年4月1日
    100
  • html中meta标签使用详解

    meta标签作用 META标签是HTML标记HEAD区的一个关键标签,提供文档字符集、使用语言、作者等基本信息,以及对关键词和网页等级的设定等,最大的作用是能够做搜索引擎优化(SEO)。 PS:便于搜索引擎机器人查找、分类,互联网应用应该要…

    编程技术 2025年4月1日
    100
  • html 移动端的头部标签和meta标签的详述

    使用 html5 doctype,不区分大小写 nbsp;html> 登录后复制 更加标准的 lang 属性写法  登录后复制 meta 声明文档使用的字符编码 登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登…

    编程技术 2025年4月1日
    100
  • html:noframes标签的使用详解

    noframes 标签 — 对不支持框架的设备进行提示,或相关操作 noframes标签是成对出现的,以开始,结束 由于frameset内不能包含body标签,因此noframes内部必须包含body标签 示例         …

    2025年4月1日
    100
  • html :object标签的使用详解

    定义和用法 定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。此元素允许您规定插入 HTML 文档中的对象的数据和参数,以及可用来显示和操作数据的代码。 object元素用于向页面添加多多媒体,包括Flash、多媒体、多媒…

    2025年4月1日
    100
  • html <ol>标签的使用与定义详解

    一、ol li有序列表标签语法与结构        内容一     内容二     内容三  登录后复制 以上3个li标签组放在 标签之间。并且ol标签之间可以放若干li标签组。 通常我们使用li标签都是使用无序ul li列表标签。一般情况…

    2025年4月1日
    100
  • html中ol标签与li标签的高级应用

      本文主要介绍html中有序列表标签ol,li的高级应用,   在网页设计时我们设计有序列表内容时,经常会在每个ITEM前手工加上一个数值,或是由程序加上这个数值。   而如果使用有序列表标签ol和li,则不需要这么麻烦,根本不用自行去填…

    2025年4月1日
    100

发表回复

登录后才能评论