获得和设置表单的值

操作表单（验证）

表单是什么form DOM树

• 文本框text
• 下拉框< select >
• 单选框radio
• 多选框checkbox
• 隐藏域hidden
• 密码框password
• ......

表单的目的：提交信息

获得要提交的信息

<form action="post">
    <p>
        <span>用户名：</span><input type="text" id="username"/>
    </p>

    <!--多选框的值，就是定义好的value-->
    <p>
        <span>性别：</span>
        <input type="radio" name="sex" value="man" id="man">男
        <input type="radio" name="sex" value="woman" id="woman">女
    </p>
</form>

<script>
    let input_text = document.getElementById('username');
    let radio_man = document.getElementById('man');
    let radio_woman = document.getElementById('woman');

    // 得到输入框的值
    input_text.value
    // 修改输入框的值
    input_text.value = '123'

    // 对于单选框，多选框等等固定的值，radio_man.value只能取到当前的值
    radio_man.checked;  // 查看返回的结果，是否为true，如果为true，则被选中~
    radio_woman.checked = true; // 赋值
</script>