表单标签上

不会变大小写

已于 2024-01-22 17:49:54 修改

阅读量362

点赞数 8

文章标签： html java

于 2024-01-22 17:45:09 首次发布

本文链接：https://blog.csdn.net/g40585/article/details/135754121

版权

本文详细介绍了HTML表单标签的使用，包括action和method属性的作用，以及GET和POST方法的区别。重点强调了POST方法的使用，因其更安全，适合处理大量数据。同时，列出了input常见属性及其用途和注意事项。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单标签</title>
</head>
<body>

    <h1>
      表单标签：用于采集用户输入的数据，用于和服务器进行交互<br>
      form
    </h1>
      <h3>
          action:指定数据提交的URL（位置）<br>
          <br>
          method:指定提交方式<br>
      </h3>
      <h4>
          分类：一共有7种，常用的有两种<br>
          <font size="5">get :</font><br>
          <ol>
              <li> 请求参数会在地址栏中显示<br></li>
              <li> 请求参数的大小有限制<br></li>
              <li> 不太安全<br></li>
          </ol>

          <hr>
          <font size="5">post :</font><br>
          <ol>
              <li> 请求参数不会在地址栏中显示，会封装在请求体中（HTTP协议后讲解）<br></li>
              <li> 请求参数的大小没有限制<br></li>
              <li> 较为安全<br></li>
          </ol>

      </h4>

  <hr>
要想提交成功，要给input name 值<br>
    <br>
  post<br>
        <form action="#" method="post">
            用户名:<input name="username"><br>
            密  码:<input name="password"><br>
              <input type="submit" value="登录">
          </form>
  <br>
  get<br>
    <form action="#" method="get">
        <!--  包裹在label中，设置for 和 input里面的id 可以对应起来-->
        <label for="username"> 用户名:</label><input placeholder="请输入账号" id="username" type="text" name="username"><br>
        密  码:<input placeholder="请输入密码" type="password" name="password"><br>
        性别<input type="radio" name="sex"value="man" checked> 男
        <input type="radio" name="sex" value="women"> 女<br>
        爱好<input type = checkbox name="love"value="food"> 吃饭
            <input type = checkbox name="love"value="sleep" checked> 睡觉
            <input type = checkbox name="love"value="play"> 打牌

        <br>

        <input type="submit" value="登录"><br><br><br>
        文件选择器
        <input type="file" name="file"><br>
        隐藏域
        <input type="hidden" name ="id"value="aaa"><br>
        提交按钮
        <input type="submit" value="登录"><br>
        普通按钮
        <input type="button" value="普通按钮"><br>
        放一个图片当提交按钮
        <input type="image" src="img/regbtn.jpg">



    </form>
<br><br><br><br><br><br><hr><hr><hr><hr><hr>
    <table border="1" width="50%" cellpadding="0"cellspacing="0" align="center" bgcolor="">
        <tr>
            <th>input的属性</th>
            <th>用途</th>
            <th>注意事项</th>
        </tr>
        <tr>
            <td>text</td>
            <td>文本框</td>
            <td>应设置value</td>
        </tr>
        <tr>
            <td>password</td>
            <td>隐藏文本框</td>
            <td>应设置value</td>
        </tr>
        <tr>
            <td>radio</td>
            <td>单选框</td>
            <td>name一样时，认为是一组，应设置value，checked 默认</td>
        </tr>
        <tr>
            <td>name</td>
            <td>设置一个名字</td>
            <td>无</td>
        </tr>
        <tr>
            <td>checkbox</td>
            <td>复选框</td>
            <td>要指定name，应设置value,checked 默认</td>
        </tr>
        <tr>
            <td>placeholder</td>
            <td>输入框的文字提示</td>
            <td>无</td>
        </tr>
    </table>
</body>
</html>