本章目录
1.任务目标
本小结我们学习一下表单里面的按钮和文本框，我们网络中文本域和按钮，已经是很常见了，我们现在学习一下这些内容。
2.文本域textarea
*代码如下
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <form action="#" method="get"> <br> 个人介绍: <br> <br> <!--textarea 文域文本 cols=""设置宽度，rows设置高度--> <textarea name="" id="" cols="30" rows="10"></textarea> <br> </form> </html>
效果如下
3.按钮submit，reset，button
代码如下
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <form action="#" method="get"> <hr> <!--inout typr="submit"他表示提交按钮。--> <input type="submit"> <br> <br> <!--inout typr="rest"他表示 重置按钮 重置按钮必须配合form使用，要不然重置不了--> <!--input typr="button"。他表示普通按钮默认无功能之后配合js设置任何功能。botton--> <input type="reset"> <!--form action=""在form中有action这个词这个词一般用不到他是在往上面传输内容时候，把ip地址写在在里面就可以传输了。--> </form> </html> <!--button typr="submit"他表示提交按钮点击后提交给服务器。--> <!--button typr="reset"他表示重置按钮点击之后恢复表单默认值。--> <!--button typr="button"他表示普通按钮默认无功能之后配合js设置任何功能。-->
效果如下
4.小结
我们这一小节学习了，按钮和文本域，我们学到这里大致把html常用的标签全部讲完了我们课下一定多多练习熟练掌握。
