百度AI生成的 表单创建函数

百度AI生成的 表单创建函数

 

<script>

       function createForm(data) {

  // 创建 form 元素

  const form = document.createElement('form');

  form.setAttribute('method', 'post');

  form.setAttribute('action', '/submit-url'); // 设置提交 URL

  // 创建 input 元素并设置属性

  const input = document.createElement('input');

  input.setAttribute('type', 'text');

  input.setAttribute('name', 'username'); // 设置输入框名称

  input.setAttribute('placeholder', '用户名'); // 设置输入框提示文字

  input.setAttribute('required', true); // 设置必填项

  // 创建 select 元素并设置属性

  const select = document.createElement('select');

  select.setAttribute('name', 'country'); // 设置下拉框名称

  // 创建下拉框选项并设置属性

  const option1 = document.createElement('option');

  option1.setAttribute('value', 'china');

  option1.innerHTML = '中国';

  const option2 = document.createElement('option');

  option2.setAttribute('value', 'usa');

  option2.innerHTML = '美国';

  // 将下拉框选项添加到下拉框中

  select.appendChild(option1);

  select.appendChild(option2);

  // 创建 input 元素并设置属性

  const email = document.createElement('input');

  email.setAttribute('type', 'email');

  email.setAttribute('name', 'email'); // 设置邮箱框名称

  email.setAttribute('placeholder', '邮箱'); // 设置邮箱框提示文字

  email.setAttribute('required', true); // 设置必填项

  // 创建 input 元素并设置属性

  const submit = document.createElement('input');

  submit.setAttribute('type', 'submit');

  submit.setAttribute('value', '提交'); // 设置提交按钮文字

  // 将表单元素添加到 form 中

  form.appendChild(input);

  form.appendChild(select);

  form.appendChild(email);

  form.appendChild(submit);

  // 返回表单元素

  return form;

}

const form = createForm(); // 创建表单元素

document.body.appendChild(form); // 将表单添加到页面中

    </script>