表单的基本属性

input：

<!-- form里面的属性，目前了解即可。 -->
<!-- action 如果没有值默认提交到本页面 -->
    <!-- method 表单提交的方式 post get
        get 提交会在地址栏中显示提交的信息(默认值)
        post 提交数据时不会再地址栏中显示
    -->
    <form action="表单提到的地址" method="提交的方式" name="表单的名字">
        <!-- text 文本框 -->
        用户名：<input type="text"> <br>
        <!-- password密码框 -->
        密码：<input type="password"> <br>
        <!-- submit 提交按钮 把表单数据发送给服务器 -->
        <input type="submit" value="登录"> <br>
        <!-- 单选按钮 radio 注意单选按钮需要添加一组相同的name值 -->
        <input type="radio" name="sex"> 男
        <input type="radio" name="sex"> 女 <br>
        喜欢的类型：<input type="checkbox">性感  <input type="checkbox">黑丝 
        <input type="checkbox">阳光<input type="checkbox">帅气 <br>
        普通的点击按钮：<input type="button" value="获取验证码"><br>
        <!-- file 文件域 -->
        上传文件：<input type="file"> <br>
        <!-- hidden 隐藏域(页面中看不到) 布局页面不会用 -->
        <input type="hidden">
        <!-- image 图片提交按钮和submit功能一样只是页面样式不一样 -->
        <input type="image" src="./images/btn.png"> <br>
        <!-- 重置按钮，就是把原来写的删掉 重新填写 -->
        <input type="reset" value="重新填写">
    </form>

预览：

除input之外

    <form action="">
        <!-- 下拉框，很少用，因为不好看 -->
        年龄:
        <select>
            <option>--年龄--</option>
            <option>22</option>
            <option>23</option>
            <option>24</option>
        </select>
        身高
        <select>
            <option>--身高--</option>
            <option>122</option>
            <option>123</option>
            <option>124</option>
        </select>

        <!-- 文本域 -->
        <!-- 使用文本域时注意，这对标签不要换行 -->
        <textarea></textarea>
    </form>

预览

表单中了解的部分

name和value值

<form action="a.js" method="post" name="f1">
            <!-- 如果想要把表单控件中的内容提交给服务器必须添加name属性 -->
            用户名：<input type="text" name="uname" value="输入用户名"> <br>
            密码：<input type="password" name="pwd"> <br>
            <input type="radio" name="sex" value="男"> 男
            <input type="radio" name="sex" value="女"> 女 <br>
            <select name="stu">
                <option value="1">小学</option>
                <option value="2">中学</option>
                <option value="3">大学</option>
            </select> <br>
            <input type="submit" value="提交">
        </form>

name是用于计算机识别数据，value是需要传递的数据。

举个例子，我们大家都是人类，为了区分我们的不同，我们都会有不同的名字（name），

在属于我们各自的名字之下，我们还有我们各自的个体，也就是我们自己的身体（value）

这个目前仅作为了解，后续学习简单后端的时候会进一步的了解。