JavaScript 06 操作表单 提交表单

操作表单

表单是什么 form DOM树

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

表单的目的:提交信息

<form action="post">
  <p>
  <span>username: span><input type="text" id="username">
p>

    <p>
    <span>sexspan>
male
female
p>

form>
<script>
  var input_text = document.getElementById('username');
var male_radio = document.getElementById('male');
var female_radio = document.getElementById('female');
// 得到输入框的值
input_text.value 
// 修改输入框的值
input_text.value = '123'

// 对于单选框,多选框等等固定的值,male_radio.value只能取到当前的值
male_radio.checked; // 查看返回的结果是否为true
// 如果是true,则被选中
male_radio.checked = true; // 让该选项被选中
script>

提交表单

md5加密密码,表单优化


<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
    
                    
                    

你可能感兴趣的:(javascript,javascript,html)