zoukankan      html  css  js  c++  java
  • 操作表单(验证)

    表单是什么 form DOM树

    ·文本框 text

    ·下拉框 <select>

    ·单选框 radio

    ·多选框 checkbox

    ·隐藏域 hidden

    密码框 password

    表单的目的:提交信息

     1 <form action="post">
     2     <p>
     3         <span>用户名:</span><input type="text" id="username">
     4     </p>
     5 
     6 <!--    多选框的值就是定义好的,不能变-->
     7     <p>
     8         <span>性别:</span>
     9         <input type="radio" name="sex" value="man" id="boy">10         <input type="radio" name="sex" value="woman" id="girl">11     </p>
    12 
    13 </form>
    14 
    15 <script>
    16     var input_text = document.getElementById("username");
    17     var boy_radio = document.getElementById("boy");
    18     var girl_radio = document.getElementById("girl");
    19     // 得到输入框的值
    20     input_text.value;
    21     // 修改输入框的值
    22     input_text.value = '123';
    23 
    24     // 对于单选框,多选框等等固定的值,boy_radio只能取到当前的值
    25     // 要判断单选框是否被选中,用boy_radio.checked ,girl_radio.checked 如果当前单选框被选中,返回true
    26     girl_radio.checked = true; // 赋值,用js去操纵表单
    27 
    28 </script>

  • 相关阅读:
    apk逆向工具总结
    DAY...
    DAY1-Flask项目
    Django笔记
    DAY8-Python学习笔记
    DAY7-Python学习笔记
    DAY6-Python学习笔记
    DAY5-Python学习笔记
    DAY4-Python学习笔记
    DAY3-Python学习笔记
  • 原文地址:https://www.cnblogs.com/YXBLOGXYY/p/14741298.html
Copyright © 2011-2022 走看看