JS 表单提交信息

操作表单(验证)

表单是什么 from DOM 树

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

表单的目的:提交信息

获取要提交的信息

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form>
    <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 usern =document.getElementById("username");
    var boy =document.getElementById("username");
    var girl =document.getElementById("username");

    //得到输入的值
    usern.value;
    //修改输入框的值
    usern.value="1111";
    //对于单选框,多选框等等固定的值, body.value 只能取到当前的值
    boy.checked; //查看返回的结果,是否为 true  如果为true 则被选中
    
    boy.chenck=true; //赋值
</script>
</body>
</html>

你可能感兴趣的:(Js,笔记,学习,html,js)