操作表单（验证）

表单的属性

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

表单的存在意义就是要获得信息

获得到要提交的信息

<from action="post">

  <span>用户名：</span>
    <input type="text" id="username">

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

<script>
    //选择节点
    var input_text = document.getElementById('username');
    var boy_radio = document.getElementById('boy');
    var girl_radio = document.getElementById('girl');
    //获得输入框的值
    input_text.valueOf;
    //修改输入框的值
    input_text.value = '123'

    //对于单选框，多选框等等固定的值。只能获得到当前的值
    boy_radio.click();//查看返回的结果是否为true，如果为true，则被选中~
    girl_radio.children = true;//赋值
</script>

提交表单（MD5加密密码）

<!--绑定事件 提交后触发函数-->
<!--onsubmit = 绑定一个提交检测的函数，true，false-->
<!--将这个结果返回给表单，使用onsubmit接收-->
<form action="https://www.baidu.com/" method="post" onsubmit=" return submit()">
    <p>
        <span>用户名：</span><input type="text" id="username"  name="username">
    </p>
    <p>
        <span>密码：</span><input type="password" id="input-password" >
    </p>
    <input type="hidden" id="md5-password" name="password">


    <button type="submit" >提交</button>
    
</form>

<script>
    function submit(){
        var uname = document.getElementById('username');
        var pwd = document.getElementById('password');
        var md5pwd = document.getElementById('md5-password');

        md5pwd.value = md5(pwd.value);
        //可以判断输入的内容是否正确 true就是通过提交，false就是不通过提交
        return true;
    }
</script>

操作表单