输入字段中的默认文本 - Default text in an input field

Default text in an input field

本文关键字：默认文本字段输入 | 更新日期: 2023-09-27

我到处找这个，但我找不到任何有用的东西。我需要一种方法来把默认文本(最好是一个php变量)在HTML文本字段，每当我加载页面。它就像一个不会消失的占位符(我知道占位符属性，我不想要那个)，这样用户就可以在需要时提交那个值。

我猜这可以用一个简单的javascript脚本完成，但我很烂。

谢谢你的帮助。

您要查找的是value属性:value="text here"

对于PHP变量，它应该是这样的:

<form action="path-here">
  <input type="text" name="field-name" value="<?php echo $variable; ?>"><br />
  <input type="submit" value="Submit">
</form>

这里有两种在文本字段中放置默认值的方法。

第一种方法是最简单的。它所涉及的只是设置文本字段的值。

<input type="text" id="myTextBox" value="Some default text">

第二个是使用一个JavaScript函数，在页面加载时运行。

<!-- This solution is a little more complicated. -->
<body onload="setDefaultText()"> 
   ...
   <input type="text" id="myTextBox">
</body>
<script>
  function setDefaultText() {
     document.getElementById("myTextBox").value = "Some default text";
  }
</script>

JSFIDDLE

例子

<form>
  First name: <input type="text" name="fname" value="John"><br>
  Last name: <input type="text" name="lname" value="Doe"><br>
  <input type="submit" value="Submit form">
</form>

你要找的是value="Text Here"