主页

react 为输入框提供初始值

2025-05-15 02:35PM

参考:https://zh-hans.react.dev/reference/react-dom/components/input#providing-an-initial-value-for-an-input

可以为任何输入框提供初始值:

1. 如果要为文本框指定初始值,传递字符串 defaultValue

2. 如果要为复选框和单选按钮指定初始值,传递布尔值 defaultChecked;

代码内容如下:

export default function MyForm() {
  return (
    <>
      <label>
        文本框:<input name="myInput" defaultValue="Some initial value" />
      </label>
      <hr />
      <label>
        多选框:<input type="checkbox" name="myCheckbox" defaultChecked={true} />
      </label>
      <hr />
      <p>
        单选按钮:
        <label>
          <input type="radio" name="myRadio" value="option1" />
          选项一
        </label>
        <label>
          <input
            type="radio"
            name="myRadio"
            value="option2"
            defaultChecked={true} 
          />
          选项二
        </label>
        <label>
          <input type="radio" name="myRadio" value="option3" />
          选项三
        </label>
      </p>
    </>
  );

输出结果为:

 

返回>>

登录

请登录后再发表评论。

评论列表:

目前还没有人发表评论