HTML form表单，form的基本控件

获得要提交信息

action:表单提交的位置，可以是网站，可以是请求处理地址

method：post，get提交方式

action表示传输的位置

method：传输的方法

基本控件

1. 文本框（Text Fields）：

• • <input type="text">：用于接收单行文本输入。
  • <textarea>：文本域用于接收多行文本输入。

1. 密码框（Password Fields）：

• • <input type="password">：用于接收密码输入，输入的字符会被遮盖。

1. 单选框（Radio Buttons）：

• • <input type="radio">：允许用户从多个选项中选择一个。所有单选框需要具有相同的name属性才能被视为一个组。

1. 复选框（Checkboxes）：

• • <input type="checkbox">：允许用户从多个选项中选择多个。

1. 下拉列表（Select）：

• • <select>：创建一个下拉列表。
  • <option>：定义列表中的选项。

1. 按钮（Buttons）：

• • <input type="submit">：提交按钮，点击后表单数据会发送到服务器。
  • <input type="reset">：重置按钮，点击后表单的所有输入字段会重置为初始状态。
  • <input type="button">：普通按钮，通常结合JavaScript使用。
  • <button>：与<input type="button">功能相似，但提供了更丰富的样式和内容。

1. 隐藏域（Hidden Fields）：

• • <input type="hidden">：在页面上不可见，但其值会随表单一起提交到服务器。

1. 文件上传（File Upload）：

• • <input type="file">：允许用户选择一个或多个文件上传到服务器。

<form>
  <h1>注册</h1>
  <form action="Frist.html" method="post">
    <p>用户：<input type="text" name="username"></p>
    <p>密码：<input type="password" name="password"> </p>
    <p>
      <input type="radio" value="男" name="sex">男
      <input type="radio" value="女" name="sex">女

    </p>
    <p>
      <input type="submit">
      <input type="reset">
    </p>
  </form>
</form>

checked设置默认值

<p>
  <input type="submit" value="提交">
  <input type="reset">
  <select naem="ggb">
    <option value="china">中国</option>
    <option value="usa" checked>美国</option>
    <option value="inda">印度</option>
  </select>
</p>

<p>
  反馈：<textarea name="textarea" cols="10" rows="10"></textarea>
</p>

<p><input type="file" name="files">
  <input type="button" value="上传" name="upload">
</p>

验证
<p>
  邮箱：<input type="email" name="email"><br>
  商品数量：<input type="number" name="number"><br>
  url ：<input type="url" name="url"><br>
</p>
<p>
  滑块：<input type="range" name="voice" min="0" max="100" step="2">
  <input type="submit">
</p>
<p>
  搜索框：<input type="search">
</p>