Html04_input框中的value/key/placeholder到底是什么

1.input框中的value值到底是什么

value 属性为 input 元素设定值。

input标签有很多类型,也就是type,对于不同的输入类型,value 属性的用法也不同,以下是一些常用type的说明

  • text: 文本框,input默认的type,不写就是这个,value表示文本框里的值
  • password:密码框,value表示密码框里的值。
  • submit:提交按钮,value表示按钮上的文字
  • button:普通按钮,value表示按钮上的文字
  • reset:重置按钮,value表示按钮上的文字
  • radio:单选框,value表示该单选框的真实值(一般真实值和数据库对应,显示的值给用户参考的)
  • checkbox:复选框,value表示该复选框的真实值
  • hindden:隐藏表单域,value表示该表单域的值。

2.input框中的key值到底是什么

key值:用于 管理可复用的元素。因为Vue 会尽可能高效地渲染元素,通常会复用已有元素而不是从头开始渲染。这么做使 Vue 变得非常快,但是这样也不总是符合实际需求。

2.2.0+ 的版本里,当在组件中使用 v-for 时,key 是必须的。
见博客:Vue11_input复用问题

3.input框中的placeholder值到底是什么

placeholder 这个属性是HTML5中新增的属性,该属性的作用是规定可描述输入字段预期值的简短的提示信息,该提示会在用户输入之前显示在输入字段中,会在用户输入字段后消失,有些浏览器则是获得焦点后该提示便消失(如Safari、IE)。
在这里插入图片描述
PS:优先级 v-model > value > placeholder,当v-model与value都为空字符串时,placeholder才生效


版权声明:本文为linxwx原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。