Ⅰ 何为表单
表单是HTML中获取用户输入的手段，对于web应用系统极其重要。
比如这个搜索框，就是一个表单，用户可以在上面输入任何字符，然后进行相应的操作。
比如这个淘宝的登录框，也是个表单，用户输入的信息会被传送到服务器，然后进行登陆操作。
所以，几乎每个网站都会有表单。
Ⅱ 关键表单元素
| form | 用于为用户输入创建HTML表单 |
|---|---|
| input | 用于搜集用户信息 |
Form元素属性
| methon(仅参考) | 用于发送form-data的http方法 |
|---|---|
| action(仅参考) | 当提交表单时向何处发送表单数据 |
input元素属性
| type | input元素的类型 |
|---|---|
| value | input元素的值 |
input的属性多达29种，在这篇文章中，我只讲解常用的十几种。
通过form和input我们可以建立一个最简单的表单。
<!DOCTYPE html>
<html>
<head>
<title>创建表单</title>
</head>
<body>
<form>
<input type="text">
</form>
</body>
</html>
效果如下👇
可以看到，我可以任意输入任何字符，且没有长度限制。
<input type="text">可以建立一个单行文本框。这也是最基本的表单元素，下面我来讲解其他属性。
Ⅲ input常用属性
A. 占位符
通过对value=""的赋值，可以实现占位的效果。
<form>
<input type="text" value="YZH">
</form>
效果如下👇
当我再输入的时候，
‘
可以看到是直接在这个后面进行输入的。
并且前面的占位符是可以删除的。
B. 不占文本框的占位符
比如说打开CSDN，我们看到的表单是这样的
当你要输入时，会变成这样
输入内容后，这个Python进阶之路就消失了。这样的表单是如何实现的呢？
就是input的placeholder属性
<input type="text" placeholder="YZH">
效果如下👇
当我输入的时候就会有相同的效果。
这就是实际上不占用文本框的占位符的实现。
C. 限制输入的字符数
前几个我们输入的单行文本框，可输入的字符都是无限的，可以一直输入下去，但是一般的搜索引擎，最多字数都是20个左右，
所以我们如果要限制输入的字数的话，需要一个属性maxlength
<input type="text" placeholder="YZH" maxlength="8">
运行结果如下👇
作为对比，上面的是不限字数的。
当我限制了最大字数为8的时候，我是无法再多输入的。
D. 拓宽单行文本框
前几个文本框，都是定死的，如何能让文本框变大能同时显示更多的内容呢？这就需要一个参数size
<input type="text" placeholder="YZH" size="60">
效果如下👇
E. 只读
增加一个参数readonly，就可以将文本框的内容变成只能读取，不能更改或者增添的内容。
<input type="text" value="YZH" readonly>
F. 密码
我还是拿淘宝登录来举例子。
一般情况下我们输入的密码，显示到屏幕上都会是小黑点。那么这一点是如何u做到的呢？
答案就是password属性。这个是type的一个类型。
<input type="password" placeholder="密码">
效果如下👇
当我们输入时👇
就变成这样的小黑点啦。
G. 文本框大小的设定
通过size我们可以把文本框拓宽，但是整体放大需要另一个属性textarea rows和cols
<textarea rows="30" cols="30">YYYYYYYYYYYYYYYYYYYYYYYYYYYYY</textarea>
结果如下👇
以上就是创建表单的基本内容。