Question

我正在尝试创建调查表单。我想知道如何使用html5创建一个表单，其中有用户输入的占位符，在用户点击提交后，调查表格用用户提供的信息替换占位符，以后可以打印。

我只是一个完整的新手，所以如果有人能像我五岁那样向我解释，我会很感激。谢谢！

Answer 1

您可以将placeholder属性添加到text / textarea元素中。例如：

<input type="text" placeholder="What is your name?" />

浏览器将输出带有占位符文本的表单。如果您在其中放置文本，占位符将隐藏。

此属性仅适用于：

文字输入（例如文字，搜索，网址，电话，电子邮件和密码）
textarea的的

见工作小提琴：https://jsfiddle.net/9fpfznnj/2/

Answer 2

占位符属性指定一个描述输入字段预期值的简短提示

在用户输入值之前，短提示会显示在输入字段中。占位符属性使用以下输入类型：text，search，url，tel，email和password。

示例：

<input type="text" placeholder="Enter Name" />

Answer 3

占位符属性用于显示预期输入的小描述（例如，预期格式的样本值）。

在html中，占位符属性适用于文本，搜索，网址，电话，电子邮件和密码。

以上的例子是，

<input type="text" placeholder="Enter Name" /><br />
<input type="password" placeholder="Enter password" /><br />
<textarea placeholder="Enter address"></textarea><br />

我们也可以使用自定义css类设置占位符，或者内置为

::-webkit-input-placeholder
{
  color: red;
  font-weight: bold;
}

使用占位符创建表单以供用户输入

3 个答案: