HTML之form表单

1.form表单的作用

form表单的功能：用于搜集不同类型用户的输入的内容，我们可以利用表单创建一些网页。

2.form表单的常用元素

2.1 form元素

form元素：用于创建一个表单
form元素书写格式： < form action=“这里是表单提交地址” method=“这里是表单提交数据的方式”> < /form>
两个重要属性：

• action：表单的提交地址
• post：表单提交数据的方式有两种 post get
  post和get的区别：

	数据安全性	数据长度	传输效率
get(默认）	会将数据暴露在地址栏	数据长度受到地址栏宽度的影响，过长会导致数据丢失	传输效率高
post	不会将数据暴露在地址栏	数据不会受地址栏长度影响，数据长度不受限	传输效率低

2.2 input元素

input元素：表示输入框
格式： < input type=“text” name=“user” required placeholder=“提示内容” id=“username” title=“我是框框” maxlength=“10” minlength：“4” value=“name” >
重要属性：

• type：表示输入框的类型，具体类型我会在下面列表介绍
• name：值我们自己设定，不影响什么
• required：表示必填项，如果不填，用户无法提交
• placeholder：表示输入框内的提示内容
• id：表示元素编号 有开发人员自己定义
• maxlength：设置输入的最大长度
• minlength：设置输入字符的最小长度
  input输入框的常用类型：

属性取值	功能
text（默认取值）	单行文本输入框
password	密码输入框
checkbox	复选框
radio	单选框
select	下拉框，selected表示被选中，option是指选项
submit	提交 ， 提交地址是form action所配置的地址
reset	重置按钮
button	按钮
hidden	隐藏域

2.2 textarea元素

textarea：提供输入大量文本的输入框，比如，QQ空间中发表状态，贴吧发表贴子等。

书写格式：< textarea></ textarea>