当前位置: 首页 > news >正文

HTML——58.value和placeholder

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>value和placeholder属性</title></head><body><!--input元素的type属性:(必须要有)1.指定输入内容的类型2.默认为text,单行文本框--><!--input元素的name属性:(必须要有)1.传递参数时的参数名称2.表单接收找的就是name属性值--><!--input元素的value属性:1.输入框中的默认值,value属性:输入框的默认值2.value值会发送到服务器(如果我们没对输入框输入东西,就直接提交,那服务器接受的是value值)--><!--input元素的placeholder属性:1.输入框中的默认值,当文本框获得焦点时(就是鼠标指向文本框时,value属性的提示字会被自动清空,以便我们直接输入)被清空2.placeholder中的值不会发送到服务器,(placeholder与value属性展示的效果一致,但是区别就是鼠标指向文本框时,value属性的提示字不会被自动清空,而placeholder属性的提示字会被自动清空)3. value属性:输入框的默认值4.type="submit"提交按钮--><form action="http://127.0.0.1/51zxt.php" method="post"><input type="text" name="abc" value="请输入..."/><br /><input type="text" name="abc" placeholder="请输入..."/><input type="submit"  value="确定"/></form></body>
</html>

文本输入框中,有文本提示文字,如“请输入”,“填写姓名”,“请输入密码”等
在这里插入图片描述

(placeholder与value属性展示的效果一致,但是区别就是鼠标指向文本框时,value属性的提示字不会被自动清空,而placeholder属性的提示字会被自动清空)
在这里插入图片描述
在这里插入图片描述

http://www.lryc.cn/news/514264.html

相关文章:

  • STM32单片机芯片与内部57 SPI 数据手册 寄存器
  • 前端异常处理合集
  • 求职:求职者在现场面试中应该注意哪些问题?
  • 第2章波动光学引论—抓本质,本质必定简单
  • 分类模型评估利器-混淆矩阵
  • 算法题(23):只出现一次的数字
  • @RestController与@Controller区别
  • 使用ExecutorService和@Async来使用多线程
  • 计算机网络 (19)扩展的以太网
  • 构造器/构造方法
  • 异常
  • MySQL中distinct和group by去重的区别
  • Qt判别不同平台操作系统调用相应动态库读取RFID
  • vue2+echarts实现水球+外层动效
  • C++ 基础思维导图(一)
  • 【gopher的java学习笔记】依赖管理方式对比(go mod maven)
  • CTFshow—远程命令执行
  • Qt之简易音视频播放器设计(十五)
  • ArrayList 和LinkedList的区别比较
  • Wallpaper壁纸制作学习记录13
  • Visual Studio 2022安装教程
  • std__invoke 的使用
  • 2501d,d.109
  • 1、蓝牙打印机环境搭建
  • Axure RP11安装学习
  • axios和fetch的实现原理以及区别,与XMLHttpRequest的关系,并结合react封装统一请求示例
  • 矩阵运算提速——玩转opencv::Mat
  • C++软件设计模式之模板方法模式
  • 神经网络的初始化方式都有哪些?
  • const成员函数