表单的使用

表单是网页制作过程中必不可少的一个网页元素，用于用户数据的收集和修改的一个元素，像淘宝、京东、b站等众多的网站如果想要使用上面完整的功能都必须注册用户数据，而这些用户提供的数据想要提交到后台去，就必须通过表单来完成这一操作，其格式为<form></form>

• <form> 元素用于创建表单，action 属性定义了表单数据提交的目标 URL，method 属性定义了提交数据的 HTTP 方法（这里使用的是 "post"）。
• <label> 元素用于为表单元素添加标签，提高可访问性。
• <input> 元素是最常用的表单元素之一，它可以创建文本输入框、密码框、单选按钮、复选框等。type 属性定义了输入框的类型，id 属性用于关联 <label> 元素，name 属性用于标识表单字段。
• <select> 元素用于创建下拉列表，而 <option> 元素用于定义下拉列表中的选项。
• 来源是（HTML 表单 | 菜鸟教程 (runoob.com)）（纯属有点懒）。。。。

 文本框

其代码为

 <form action="">
        用户：<input type="text">
    </form>

其效果为 

密码框

代码为：

<form action="">
        密码：<input type="password">
    </form>

效果为： 

单选框 

其最常见的男女选项代码为：

<input type="radio" name="sex" > 男
<input type="radio" name="sex" > 女

效果为：

这里使用了name属性把男和女分类到一起才能实现单选的功能。如果想要默认选中一个状态使用checked属性，直接在input标签里面使用就行<input type="radio" name="sex" checked> 女

多选框

多选常用在个人喜好等方面具体代码如下

爱好：<br>
       <input type="checkbox">唱 
       <input type="checkbox">跳
       <input type="checkbox">rap
       <input type="checkbox">篮球

效果如下

如果想要默认选中上面四个中的任何一个，依然是使用checked，代码参考单选框。 

下拉菜单

多用于地区的选择等。。具体代码如下

区域：
       <select>
        <option value="">四川</option>
        <option value="">北京</option>
        <option value="">上海</option>
       </select>

效果如下：

同理如果想要默认选中一个可以使用selected，这里注意的是不是在select标签里面使用selected，而是在你想要的那个默认选项的option里面写入selected即可。

文本域

文本域有的时

候又称多行文本框其标签是<textarea></textarea>，常用于备注或者说情况说明使用。具体代码如下

备注：
        <textarea name="" id="" cols="5" rows="5">
            
        </textarea> 

具体效果如下：

 

这是一个5行，5列的文本域。cols表示的是列数，rows表示的是行数。

提交按钮(Submit)

<input type="submit"> 定义了提交按钮。

当用户单击确认按钮时，表单的内容会被传送到服务器。表单的动作属性 action 定义了服务端的文件名。（懒病又犯了）出自：HTML 表单 | 菜鸟教程 (runoob.com)

 重置按钮（Reset）

<input type="reset" >定义的重置按钮，当你发现自己提交的数据有问题的时候，可以通过重置按钮进行重置。

标签（lable）

<lable></lable>当我们点击文本框这个框的时候可以进行操作，但是也可以通过点击旁边的文字进行数据的输入。只需要在input标签里面写入id属性，lable标签里面的for属性的属性值一至即可，具体效果可自行尝试，有lable和无lable的区别在哪

placeholder属性

这个属性作用是提醒用户输入数据的类型效果如下

各位看官老爷，表单就介绍在这里了。如有介绍不对的地方还请指出。