获得和设置表单的值 

 <script>
        /*
         *表单是什么  form DOM树
         * 文本框  input=“type=“test””---text
         * 下拉框 <select>
         * 单选框  radio
         * 多选框  checkbox
         * 隐藏域  hidden
         * 密码框  password
         * ...
         * 表单的目的提交信息
         */
        //获得提交的信息
    </script>
</head>
<body>

<form action="post">
    <p>
        <span>用户名：</span> <input type="text" id="username">
    </p>
<!--无论多选框的值，还是单选框的值就是定义好的value-->
    <p>
        <span>性别：</span>
        <input type="radio" name="sex" value="man" id="boy">男
        <input type="radio" name="sex" value="women" id="girl">女
    </p>
    <input type="submit">
</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 //得到输入框的值
       "123456"
     input_text.value='123'//修改输入框的值
       "123"
     */
    //对于单选框，多选框固定的值，boy_radio.value只能取到当前的值
    boy_radio.checked://查看返回的结果是否为true，如果为true，则被选中
    girl_radio.checked = true;//赋值
</script>
posted @ 2022-05-31 21:35  LiLime  阅读(35)  评论(0)    收藏  举报