body 常用标签三（form）_body里的action-CSDN博客

本文链接：https://blog.csdn.net/weixin_42971706/article/details/84312681

action 及 laber

<div class="form">
        <!--action ：表单提交地址  method分为（get 默认，post）-->
        <form action="https://www.baidu.com" method="get">

        <p>
            <!-- for ：绑定到我哪个id-->
            <lable for="user">用户名:</lable>
            <!--name：控件的名称
                placeholder：预输入的阴影值,
                values :也是预输入，不过不是阴影-->
            <input type="text" name="user" id="user" placeholder="请输入账户名">
        </p>

        <p>
            <lable for="pwd">密  码&nbsp;&nbsp;:</lable>
            <input type="password" name="pwd" id="pwd" placeholder="请输入密码">
        </p>

    </form>
</div>

单选框 radio

<p>
    性别：
    <!--radio 单选框 name：把两个单选框name设置的一样就可以互斥-->
    <input type="radio" name="mult_choice" value="男"> 男
    <input type="radio" name="mult_choice" value="女"> 女
</p>

多选框 checkbox

<p>
   爱好：
   <input type="checkbox" name="cb" value="吃"> 吃
   <input type="checkbox" name="cb" value="喝"> 喝
   <input type="checkbox" name="cb" value="玩"> 玩
   <input type="checkbox" name="cb" value="乐"> 乐
</p>

文件上传 file

<p>
    <!--文件上传，需要post请求才行 -->
    <input type="file" name="up_file">
</p>

重置按钮 reset

<p>
     <!--button：只是一个普通的按钮，表单不能使用他提交
         disabled：禁用，带上这个按钮就不能用了-->
     <input type="button" value="提交" disabled>

     <!--submit：提交表单的按钮-->
     <input type="submit" name="submit" value="确认登陆">

     <!--reset：重置按钮，点击后把用户输入的全部清空-->
     <input type="reset" name="reset" value="重置按钮">
</p>

文本域

<p>
    自我介绍：
    <!--textarea：文本域 clos：宽 rows：高 placeholder：预输入的阴影文字-->
    <textarea name="txt" id="" cols="20" rows="3" placeholder="来个自我介绍"></textarea>
</p>