react 中placeholder
时间: 2023-09-09 13:06:42 浏览: 205
placeholder
在React中,`placeholder`是一种在表单元素中显示预填文本的属性。它用于向用户提供有关所需输入的提示。
以下是一个在React中使用`placeholder`属性的示例:
```jsx
import React from 'react';
function MyComponent() {
return (
<div>
<input type="text" placeholder="请输入姓名" />
<textarea placeholder="请输入留言内容" />
</div>
);
}
export default MyComponent;
```
在上面的示例中,我们使用`placeholder`属性来为文本输入框和文本区域指定预填文本。当用户未输入任何内容时,这些预填文本将显示在输入框或文本区域中。一旦用户开始输入,预填文本将自动清除。
请注意,`placeholder`只是提供了一个视觉上的提示,而不是实际的表单值。如果需要获取用户输入的值,通常需要使用`value`属性和相应的事件处理程序来处理表单数据。
阅读全文