总结button,input type=“button“,input type=“text“中:[在value添加值] 和 [标签内添加值]的区别

news/2024/6/17 21:08:29 标签: 前端, html
htmledit_views">

1.如果是需要一个 普通文本框

<input></input>和<input type="text"></input>外观相同 

都是

2.对比button,input type="button",input type="text"中:在value添加值 和 标签内 添加值

html中:

<button value="点我"></button></br>
<button value="点我">1</button></br>
<input type="button" value="点我"></input></br>
<input type="button" value="点我">11</input></br>
<!-- 普通文本框 <input></input>和<input type="text"></input>外观相同 -->
<input value="点我"></input></br>
<input value="点我">111</input></br>
<input type="text" value="点我"></input></br>
<input type="text" value="点我">1111</input></br>

浏览器展示效果如下图:

总结得出:

得到一个内部有内容的按钮——<button>按钮内部的内容</button>
 <button></button>——加value="按钮内部的内容"是无效的,不能实现按钮内部有内容

得到一个外部有内容的按钮——<button></button>按钮外部的内容

表单相关:

得到一个内部有内容的表单按钮——<input type="button" value="表单按钮的内部内容"></input>

得到一个内部有内容的表单文本框——<input type="text" value="表单文本框的内部内容"></input>

得到一个外部有内容的表单文本框——<input type="text" ></input>表单文本框的外部内容


http://www.niftyadmin.cn/n/359328.html

相关文章

设计模式 (五) 设计模式实战系列

目录 一、创建型模式 1.单例模式实战 2.建造者模式实战 3.原型模式实战 4.工厂方法模式实战 5.抽象工厂模式实战 二、结构型模式 6.适配器模式实战 7.桥接模式实战 8.装饰器模式实战 9.组合模式实战 10.外观模式实战 11.享元模式实战 12.代理模式实战 三、行为型…

Spring 条件组件注解:`@Conditional` 与 `@ConditionalOnBean`

Spring 条件组件注解&#xff1a;Conditional 与 ConditionalOnBean 文章目录 Spring 条件组件注解&#xff1a;Conditional 与 ConditionalOnBean一、Conditional 基本使用0、条件组件是在非条件组件注册之后再进行注册的1、概述2、代码演示3、Conditional 的优缺点 二、Condi…

springBoot-MyBatis-Plus逻辑删除@TableLogic

前言&#xff1a;在开发过程中&#xff0c;如果在删除数据时&#xff0c;只是通过改变数据中某个字段的值&#xff0c;来达到逻辑删除的目的&#xff0c;但是又不想每次都手动对改字段进行设置&#xff0c;改如何实现&#xff1b; 1 MyBatis-Plus逻辑删除TableLogic&#xff1…

Unity WebGL 常见问题总结

转载至&#xff1a;https://www.it610.com/article/1295062035498868736.htm 1.webgl不显示字体 开始导出来发现一些字不显示&#xff0c;还以为分辨率压缩Text文本导致字不显示&#xff0c;后来发现原来是webgl的问题&#xff0c;查阅信息说不要使用unity自带的字体即可。 …

李沐多模态串讲笔记

李沐多模态串讲笔记 0.来源1.回顾1.1 ViLT回顾1.2 Clip回顾1.3回顾小结 2.ALBEF2.1摘要2.2主体方法部分2.2.1模型设计2.2.2目标函数2.2.3momentum distillation 动量蒸馏 2.3下游任务和实验结果 3.VLMo3.1论文贡献3.2研究动机3.3主体方法部分3.3.1模型设计3.3.2分阶段的训练策略…

「实在RPA·烟草数字员工」助力烟草行业数字化转型加速度

烟草行业作为烟草产业链上重要一环&#xff0c;外部连接烟草工业企业、零售客户、消费者&#xff0c;内部包含营销、专卖、烟叶、物流等诸多业务&#xff0c;信息系统众多&#xff0c;企业数据量庞大。因此&#xff0c;清楚地了解自身存在的痛点&#xff0c;找到适合自身业务需…

bind传参、类、原型链、_proto_ 等等... (进阶)

一、bind 有bind的this是特殊的情况 bind和call,apply功能类似. call和apply是临时的改变this. bind是永久改变this. call是"改变this", bind叫"绑定this"。 bind返回的函数,内部的this,永远指向bind的第一个参数.(不管以何种方式调用) bin…

照片中对象识别模型YOLOv3在iOS项目中的浅析与使用

YOLOv3模型为苹果开发者官网提供的图形识别对象的CoreML模型&#xff0c;可识别80种对象&#xff0c;并给识别出的对象在图形中的位置和大小。 我们可以直接在官网下载该模型&#xff1a; 机器学习 - 模型 - Apple Developer 然后直接将模型拖入工程中&#xff08;使用的是x…