操作表单（验证）

表单是什么 form DOM树

·文本框 text

·下拉框 <select>

·单选框 radio

·多选框 checkbox

·隐藏域 hidden

密码框 password

表单的目的：提交信息

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

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

</form>

<script>
    var input_text = document.getElementById("username");
    var boy_radio = document.getElementById("boy");
    var girl_radio = document.getElementById("girl");
    // 得到输入框的值
    input_text.value;
    // 修改输入框的值
    input_text.value = '123';

    // 对于单选框，多选框等等固定的值，boy_radio只能取到当前的值
    // 要判断单选框是否被选中，用boy_radio.checked ,girl_radio.checked 如果当前单选框被选中，返回true
    girl_radio.checked = true; // 赋值，用js去操纵表单

</script>