如果现在输入框留下提示字迹,可以使用value和placeholder两种方法,但是这两个方法是不同的;下面是在菜鸟教程上做的实验,大家可以看到很直观的结果;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<form action="demo-form.php">
First name: <input type="text" name="FirstName" placeholder="姓名首字母组合、数字搜索"><br>
Last name: <input type="text" name="LastName" value="Mouse"><br>
<input type="submit" value="提交">
</form>
<p>点击"提交"按钮,表单数据将被发送到服务器上的“demo-form.php”。</p>
</body>
</html>
我们可以看到:
①placeholder的字体比较浅,是浅灰色,而value的字体是颜色较深,是黑色;
②placeholder的字体在背景中,不可编辑;而value的字体是黑色,可以编辑;